色変換
色変換 for #532A1F の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 83 | 42 | 31 | |
|---|---|---|---|---|
| HSL | 12.69° | 45.61% | 22.35% | |
| HSV | 12.69° | 62.65% | 32.55% | |
| CMYK | 0% | 49.4% | 62.65% | 67.45% |
| XYZ | 4.6429 | 3.5943 | 1.7453 | |
| Yxy | 3.5943 | 0.4651 | 0.3601 | |
| Hunter Lab | 18.9586 | 10.536 | 7.815 | |
| CIE-Lab | 22.2821 | 17.7673 | 15.5763 | |
| CIE-LCH | 22.2821 | 23.6283 | 41.2405 | |
| CIE-LUV | 22.2821 | 27.0207 | 11.2246 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010011 | 00101010 | 00011111 |
| Octal | 123 | 52 | 37 |
| Decimal | 83 | 42 | 31 |
| Hex | 53 | 2A | 1F |
RGB比率
CMYK比率
濃い色 #532A1F
淡い色 #532A1F
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#532A1F の色 黒背景
#532A1F の色 サンプルテキスト
#532A1F の色 白背景
#532A1F の色 サンプルテキスト
#532A1F CSSコード
.background { background-color: #532A1F; }
.text { color: #532A1F; }
.border { border: 3px solid #532A1F; }
.shadow { box-shadow: 0 8px 28px rgba(83, 42, 31, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト12.22:1AAA
黒とのコントラスト1.72:1低い
Webセーフカラー#663333Near
輝度0.03590-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#532A1F color
PortuguêsCor #532A1F
EspañolColor #532A1F
한국어#532A1F 색상
日本語#532A1F の色
中文#532A1F 颜色
DeutschFarbe #532A1F
FrançaisCouleur #532A1F
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #532A1F の色.
近い色
See 赤系