色変換
色変換 for #AF4726 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 175 | 71 | 38 | |
|---|---|---|---|---|
| HSL | 14.45° | 64.32% | 41.76% | |
| HSV | 14.45° | 78.29% | 68.63% | |
| CMYK | 0% | 59.43% | 78.29% | 31.37% |
| XYZ | 20.2844 | 13.7632 | 3.4218 | |
| Yxy | 13.7632 | 0.5414 | 0.3673 | |
| Hunter Lab | 37.0988 | 32.6743 | 20.5027 | |
| CIE-Lab | 43.8914 | 40.6456 | 40.1467 | |
| CIE-LCH | 43.8914 | 57.1299 | 44.6462 | |
| CIE-LUV | 43.8914 | 82.4592 | 30.9953 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10101111 | 01000111 | 00100110 |
| Octal | 257 | 107 | 46 |
| Decimal | 175 | 71 | 38 |
| Hex | AF | 47 | 26 |
RGB比率
CMYK比率
濃い色 #AF4726
淡い色 #AF4726
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#AF4726 の色 黒背景
#AF4726 の色 サンプルテキスト
#AF4726 の色 白背景
#AF4726 の色 サンプルテキスト
#AF4726 CSSコード
.background { background-color: #AF4726; }
.text { color: #AF4726; }
.border { border: 3px solid #AF4726; }
.shadow { box-shadow: 0 8px 28px rgba(175, 71, 38, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト5.6:1AA
黒とのコントラスト3.75:1大きな文字
Webセーフカラー#993333Near
輝度0.13760-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#AF4726 color
PortuguêsCor #AF4726
EspañolColor #AF4726
한국어#AF4726 색상
日本語#AF4726 の色
中文#AF4726 颜色
DeutschFarbe #AF4726
FrançaisCouleur #AF4726
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #AF4726 の色.
近い色
See 赤系