色変換
色変換 for #5C2F83 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 92 | 47 | 131 | |
|---|---|---|---|---|
| HSL | 272.14° | 47.19% | 34.9% | |
| HSV | 272.14° | 64.12% | 51.37% | |
| CMYK | 29.77% | 64.12% | 0% | 48.63% |
| XYZ | 9.526 | 5.9471 | 22.1144 | |
| Yxy | 5.9471 | 0.2534 | 0.1582 | |
| Hunter Lab | 24.3867 | 27.049 | -36.6738 | |
| CIE-Lab | 29.2786 | 37.0863 | -39.4958 | |
| CIE-LCH | 29.2786 | 54.1785 | 313.1979 | |
| CIE-LUV | 29.2786 | 12.5558 | -54.8468 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01011100 | 00101111 | 10000011 |
| Octal | 134 | 57 | 203 |
| Decimal | 92 | 47 | 131 |
| Hex | 5C | 2F | 83 |
RGB比率
CMYK比率
濃い色 #5C2F83
淡い色 #5C2F83
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#5C2F83 の色 黒背景
#5C2F83 の色 サンプルテキスト
#5C2F83 の色 白背景
#5C2F83 の色 サンプルテキスト
#5C2F83 CSSコード
.background { background-color: #5C2F83; }
.text { color: #5C2F83; }
.border { border: 3px solid #5C2F83; }
.shadow { box-shadow: 0 8px 28px rgba(92, 47, 131, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト9.59:1AAA
黒とのコントラスト2.19:1低い
Webセーフカラー#663399Near
輝度0.05950-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#5C2F83 color
PortuguêsCor #5C2F83
EspañolColor #5C2F83
한국어#5C2F83 색상
日本語#5C2F83 の色
中文#5C2F83 颜色
DeutschFarbe #5C2F83
FrançaisCouleur #5C2F83
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #5C2F83 の色.
近い色
See 紫系