色変換
色変換 for #4B2F35 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 75 | 47 | 53 | |
|---|---|---|---|---|
| HSL | 347.14° | 22.95% | 23.92% | |
| HSV | 347.14° | 37.33% | 29.41% | |
| CMYK | 0% | 37.33% | 29.33% | 70.59% |
| XYZ | 4.5609 | 3.7862 | 3.8581 | |
| Yxy | 3.7862 | 0.3737 | 0.3102 | |
| Hunter Lab | 19.4582 | 7.7874 | 1.8695 | |
| CIE-Lab | 22.9516 | 13.799 | 1.4677 | |
| CIE-LCH | 22.9516 | 13.8768 | 6.0713 | |
| CIE-LUV | 22.9516 | 15.6104 | -0.3237 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01001011 | 00101111 | 00110101 |
| Octal | 113 | 57 | 65 |
| Decimal | 75 | 47 | 53 |
| Hex | 4B | 2F | 35 |
RGB比率
CMYK比率
濃い色 #4B2F35
淡い色 #4B2F35
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#4B2F35 の色 黒背景
#4B2F35 の色 サンプルテキスト
#4B2F35 の色 白背景
#4B2F35 の色 サンプルテキスト
#4B2F35 CSSコード
.background { background-color: #4B2F35; }
.text { color: #4B2F35; }
.border { border: 3px solid #4B2F35; }
.shadow { box-shadow: 0 8px 28px rgba(75, 47, 53, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト11.95:1AAA
黒とのコントラスト1.76:1低い
Webセーフカラー#333333Near
輝度0.03790-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#4B2F35 color
PortuguêsCor #4B2F35
EspañolColor #4B2F35
한국어#4B2F35 색상
日本語#4B2F35 の色
中文#4B2F35 颜色
DeutschFarbe #4B2F35
FrançaisCouleur #4B2F35
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #4B2F35 の色.
近い色
See 赤系