色変換
色変換 for #4C136A の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 76 | 19 | 106 | |
|---|---|---|---|---|
| HSL | 279.31° | 69.6% | 24.51% | |
| HSV | 279.31° | 82.08% | 41.57% | |
| CMYK | 28.3% | 82.08% | 0% | 58.43% |
| XYZ | 5.8144 | 3.043 | 13.9139 | |
| Yxy | 3.043 | 0.2553 | 0.1336 | |
| Hunter Lab | 17.4442 | 28.9688 | -35.0616 | |
| CIE-Lab | 20.2153 | 40.9114 | -38.2978 | |
| CIE-LCH | 20.2153 | 56.0398 | 316.8899 | |
| CIE-LUV | 20.2153 | 13.5873 | -45.8552 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01001100 | 00010011 | 01101010 |
| Octal | 114 | 23 | 152 |
| Decimal | 76 | 19 | 106 |
| Hex | 4C | 13 | 6A |
RGB比率
CMYK比率
濃い色 #4C136A
淡い色 #4C136A
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#4C136A の色 黒背景
#4C136A の色 サンプルテキスト
#4C136A の色 白背景
#4C136A の色 サンプルテキスト
#4C136A CSSコード
.background { background-color: #4C136A; }
.text { color: #4C136A; }
.border { border: 3px solid #4C136A; }
.shadow { box-shadow: 0 8px 28px rgba(76, 19, 106, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト13.06:1AAA
黒とのコントラスト1.61:1低い
Webセーフカラー#330066Near
輝度0.03040-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#4C136A color
PortuguêsCor #4C136A
EspañolColor #4C136A
한국어#4C136A 색상
日本語#4C136A の色
中文#4C136A 颜色
DeutschFarbe #4C136A
FrançaisCouleur #4C136A
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #4C136A の色.
近い色
See 紫系