色変換
色変換 for #55023F の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 85 | 2 | 63 | |
|---|---|---|---|---|
| HSL | 315.9° | 95.4% | 17.06% | |
| HSV | 315.9° | 97.65% | 33.33% | |
| CMYK | 0% | 97.65% | 25.88% | 66.67% |
| XYZ | 4.6654 | 2.3341 | 4.9065 | |
| Yxy | 2.3341 | 0.3919 | 0.196 | |
| Hunter Lab | 15.2778 | 27.7724 | -8.3393 | |
| CIE-Lab | 17.1511 | 40.1786 | -14.0135 | |
| CIE-LCH | 17.1511 | 42.5523 | 340.7722 | |
| CIE-LUV | 17.1511 | 32.3804 | -18.3175 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010101 | 00000010 | 00111111 |
| Octal | 125 | 2 | 77 |
| Decimal | 85 | 2 | 63 |
| Hex | 55 | 02 | 3F |
RGB比率
CMYK比率
濃い色 #55023F
淡い色 #55023F
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#55023F の色 黒背景
#55023F の色 サンプルテキスト
#55023F の色 白背景
#55023F の色 サンプルテキスト
#55023F CSSコード
.background { background-color: #55023F; }
.text { color: #55023F; }
.border { border: 3px solid #55023F; }
.shadow { box-shadow: 0 8px 28px rgba(85, 2, 63, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト14.32:1AAA
黒とのコントラスト1.47:1低い
Webセーフカラー#660033Near
輝度0.02330-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#55023F color
PortuguêsCor #55023F
EspañolColor #55023F
한국어#55023F 색상
日本語#55023F の色
中文#55023F 颜色
DeutschFarbe #55023F
FrançaisCouleur #55023F
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #55023F の色.
近い色
See ピンク系