色変換
色変換 for #726ABE の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 114 | 106 | 190 | |
|---|---|---|---|---|
| HSL | 245.71° | 39.25% | 58.04% | |
| HSV | 245.71° | 44.21% | 74.51% | |
| CMYK | 40% | 44.21% | 0% | 25.49% |
| XYZ | 21.3851 | 17.6024 | 50.9761 | |
| Yxy | 17.6024 | 0.2377 | 0.1957 | |
| Hunter Lab | 41.9552 | 17.5613 | -42.6412 | |
| CIE-Lab | 49.0103 | 23.8912 | -43.2112 | |
| CIE-LCH | 49.0103 | 49.3761 | 298.9379 | |
| CIE-LUV | 49.0103 | -1.7188 | -68.1296 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01110010 | 01101010 | 10111110 |
| Octal | 162 | 152 | 276 |
| Decimal | 114 | 106 | 190 |
| Hex | 72 | 6A | BE |
RGB比率
CMYK比率
濃い色 #726ABE
淡い色 #726ABE
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#726ABE の色 黒背景
#726ABE の色 サンプルテキスト
#726ABE の色 白背景
#726ABE の色 サンプルテキスト
#726ABE CSSコード
.background { background-color: #726ABE; }
.text { color: #726ABE; }
.border { border: 3px solid #726ABE; }
.shadow { box-shadow: 0 8px 28px rgba(114, 106, 190, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト4.65:1AA
黒とのコントラスト4.52:1AA
Webセーフカラー#6666CCNear
輝度0.1760-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#726ABE color
PortuguêsCor #726ABE
EspañolColor #726ABE
한국어#726ABE 색상
日本語#726ABE の色
中文#726ABE 颜色
DeutschFarbe #726ABE
FrançaisCouleur #726ABE
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #726ABE の色.
近い色
See 青系