色変換
色変換 for #331FCD の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 51 | 31 | 205 | |
|---|---|---|---|---|
| HSL | 246.9° | 73.73% | 46.27% | |
| HSV | 246.9° | 84.88% | 80.39% | |
| CMYK | 75.12% | 84.88% | 0% | 19.61% |
| XYZ | 12.871 | 6.0902 | 58.243 | |
| Yxy | 6.0902 | 0.1667 | 0.0789 | |
| Hunter Lab | 24.6783 | 49.909 | -122.5999 | |
| CIE-Lab | 29.6389 | 60.041 | -83.6643 | |
| CIE-LCH | 29.6389 | 102.9788 | 305.6648 | |
| CIE-LUV | 29.6389 | -5.1162 | -104.7435 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110011 | 00011111 | 11001101 |
| Octal | 63 | 37 | 315 |
| Decimal | 51 | 31 | 205 |
| Hex | 33 | 1F | CD |
RGB比率
CMYK比率
濃い色 #331FCD
淡い色 #331FCD
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#331FCD の色 黒背景
#331FCD の色 サンプルテキスト
#331FCD の色 白背景
#331FCD の色 サンプルテキスト
#331FCD CSSコード
.background { background-color: #331FCD; }
.text { color: #331FCD; }
.border { border: 3px solid #331FCD; }
.shadow { box-shadow: 0 8px 28px rgba(51, 31, 205, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト9.47:1AAA
黒とのコントラスト2.22:1低い
Webセーフカラー#3333CCNear
輝度0.06090-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#331FCD color
PortuguêsCor #331FCD
EspañolColor #331FCD
한국어#331FCD 색상
日本語#331FCD の色
中文#331FCD 颜色
DeutschFarbe #331FCD
FrançaisCouleur #331FCD
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #331FCD の色.
近い色
See 青系