色変換
色変換 for #514AAA の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 81 | 74 | 170 | |
|---|---|---|---|---|
| HSL | 244.38° | 39.34% | 47.84% | |
| HSV | 244.38° | 56.47% | 66.67% | |
| CMYK | 52.35% | 56.47% | 0% | 33.33% |
| XYZ | 13.0956 | 9.5484 | 39.1754 | |
| Yxy | 9.5484 | 0.2118 | 0.1545 | |
| Hunter Lab | 30.9005 | 21.5717 | -53.5076 | |
| CIE-Lab | 37.0194 | 29.7133 | -50.8358 | |
| CIE-LCH | 37.0194 | 58.8826 | 300.3061 | |
| CIE-LUV | 37.0194 | -3.1555 | -74.3672 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010001 | 01001010 | 10101010 |
| Octal | 121 | 112 | 252 |
| Decimal | 81 | 74 | 170 |
| Hex | 51 | 4A | AA |
RGB比率
CMYK比率
濃い色 #514AAA
淡い色 #514AAA
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#514AAA の色 黒背景
#514AAA の色 サンプルテキスト
#514AAA の色 白背景
#514AAA の色 サンプルテキスト
#514AAA CSSコード
.background { background-color: #514AAA; }
.text { color: #514AAA; }
.border { border: 3px solid #514AAA; }
.shadow { box-shadow: 0 8px 28px rgba(81, 74, 170, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト7.22:1AAA
黒とのコントラスト2.91:1低い
Webセーフカラー#663399Near
輝度0.09550-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#514AAA color
PortuguêsCor #514AAA
EspañolColor #514AAA
한국어#514AAA 색상
日本語#514AAA の色
中文#514AAA 颜色
DeutschFarbe #514AAA
FrançaisCouleur #514AAA
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #514AAA の色.
近い色
See 青系