色変換
色変換 for #60187F の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 96 | 24 | 127 | |
|---|---|---|---|---|
| HSL | 281.94° | 68.21% | 29.61% | |
| HSV | 281.94° | 81.1% | 49.8% | |
| CMYK | 24.41% | 81.1% | 0% | 50.2% |
| XYZ | 8.9806 | 4.6726 | 20.5034 | |
| Yxy | 4.6726 | 0.2629 | 0.1368 | |
| Hunter Lab | 21.6162 | 36.3301 | -41.0844 | |
| CIE-Lab | 25.7809 | 47.6429 | -42.5994 | |
| CIE-LCH | 25.7809 | 63.9105 | 318.1988 | |
| CIE-LUV | 25.7809 | 19.335 | -56.7055 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01100000 | 00011000 | 01111111 |
| Octal | 140 | 30 | 177 |
| Decimal | 96 | 24 | 127 |
| Hex | 60 | 18 | 7F |
RGB比率
CMYK比率
濃い色 #60187F
淡い色 #60187F
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#60187F の色 黒背景
#60187F の色 サンプルテキスト
#60187F の色 白背景
#60187F の色 サンプルテキスト
#60187F CSSコード
.background { background-color: #60187F; }
.text { color: #60187F; }
.border { border: 3px solid #60187F; }
.shadow { box-shadow: 0 8px 28px rgba(96, 24, 127, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト10.86:1AAA
黒とのコントラスト1.93:1低い
Webセーフカラー#660066Near
輝度0.04670-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#60187F color
PortuguêsCor #60187F
EspañolColor #60187F
한국어#60187F 색상
日本語#60187F の色
中文#60187F 颜色
DeutschFarbe #60187F
FrançaisCouleur #60187F
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #60187F の色.
近い色
See 紫系