色変換
色変換 for #AE7F17 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 174 | 127 | 23 | |
|---|---|---|---|---|
| HSL | 41.32° | 76.65% | 38.63% | |
| HSV | 41.32° | 86.78% | 68.24% | |
| CMYK | 0% | 27.01% | 86.78% | 31.76% |
| XYZ | 25.2014 | 24.2413 | 4.1622 | |
| Yxy | 24.2413 | 0.4701 | 0.4522 | |
| Hunter Lab | 49.2355 | 5.2033 | 29.4546 | |
| CIE-Lab | 56.3286 | 9.456 | 57.3317 | |
| CIE-LCH | 56.3286 | 58.1063 | 80.6342 | |
| CIE-LUV | 56.3286 | 39.069 | 55.1517 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10101110 | 01111111 | 00010111 |
| Octal | 256 | 177 | 27 |
| Decimal | 174 | 127 | 23 |
| Hex | AE | 7F | 17 |
RGB比率
CMYK比率
濃い色 #AE7F17
淡い色 #AE7F17
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#AE7F17 の色 黒背景
#AE7F17 の色 サンプルテキスト
#AE7F17 の色 白背景
#AE7F17 の色 サンプルテキスト
#AE7F17 CSSコード
.background { background-color: #AE7F17; }
.text { color: #AE7F17; }
.border { border: 3px solid #AE7F17; }
.shadow { box-shadow: 0 8px 28px rgba(174, 127, 23, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト3.59:1大きな文字
黒とのコントラスト5.85:1AA
Webセーフカラー#996600Near
輝度0.24240-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#AE7F17 color
PortuguêsCor #AE7F17
EspañolColor #AE7F17
한국어#AE7F17 색상
日本語#AE7F17 の色
中文#AE7F17 颜色
DeutschFarbe #AE7F17
FrançaisCouleur #AE7F17
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #AE7F17 の色.
近い色
See オレンジ系