色変換
色変換 for #585BCF の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 88 | 91 | 207 | |
|---|---|---|---|---|
| HSL | 238.49° | 55.35% | 57.84% | |
| HSV | 238.49° | 57.49% | 81.18% | |
| CMYK | 57.49% | 56.04% | 0% | 18.82% |
| XYZ | 19.0245 | 14.0605 | 60.7308 | |
| Yxy | 14.0605 | 0.2028 | 0.1499 | |
| Hunter Lab | 37.4973 | 24.942 | -69.7405 | |
| CIE-Lab | 44.3196 | 32.481 | -60.6323 | |
| CIE-LCH | 44.3196 | 68.7844 | 298.1782 | |
| CIE-LUV | 44.3196 | -7.6005 | -92.9234 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01011000 | 01011011 | 11001111 |
| Octal | 130 | 133 | 317 |
| Decimal | 88 | 91 | 207 |
| Hex | 58 | 5B | CF |
RGB比率
CMYK比率
濃い色 #585BCF
淡い色 #585BCF
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#585BCF の色 黒背景
#585BCF の色 サンプルテキスト
#585BCF の色 白背景
#585BCF の色 サンプルテキスト
#585BCF CSSコード
.background { background-color: #585BCF; }
.text { color: #585BCF; }
.border { border: 3px solid #585BCF; }
.shadow { box-shadow: 0 8px 28px rgba(88, 91, 207, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト5.51:1AA
黒とのコントラスト3.81:1大きな文字
Webセーフカラー#6666CCNear
輝度0.14060-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#585BCF color
PortuguêsCor #585BCF
EspañolColor #585BCF
한국어#585BCF 색상
日本語#585BCF の色
中文#585BCF 颜色
DeutschFarbe #585BCF
FrançaisCouleur #585BCF
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #585BCF の色.
近い色
See 青系