色変換
色変換 for #EFB430 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 239 | 180 | 48 | |
|---|---|---|---|---|
| HSL | 41.47° | 85.65% | 56.27% | |
| HSV | 41.47° | 79.92% | 93.73% | |
| CMYK | 0% | 24.69% | 79.92% | 6.27% |
| XYZ | 52.455 | 51.2107 | 9.9177 | |
| Yxy | 51.2107 | 0.4618 | 0.4509 | |
| Hunter Lab | 71.5617 | 5.6073 | 41.8794 | |
| CIE-Lab | 76.8065 | 10.1002 | 70.024 | |
| CIE-LCH | 76.8065 | 70.7487 | 81.7923 | |
| CIE-LUV | 76.8065 | 48.8261 | 73.5479 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11101111 | 10110100 | 00110000 |
| Octal | 357 | 264 | 60 |
| Decimal | 239 | 180 | 48 |
| Hex | EF | B4 | 30 |
RGB比率
CMYK比率
濃い色 #EFB430
淡い色 #EFB430
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#EFB430 の色 黒背景
#EFB430 の色 サンプルテキスト
#EFB430 の色 白背景
#EFB430 の色 サンプルテキスト
#EFB430 CSSコード
.background { background-color: #EFB430; }
.text { color: #EFB430; }
.border { border: 3px solid #EFB430; }
.shadow { box-shadow: 0 8px 28px rgba(239, 180, 48, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト1.87:1低い
黒とのコントラスト11.24:1AAA
Webセーフカラー#FFCC33Near
輝度0.51210-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#EFB430 color
PortuguêsCor #EFB430
EspañolColor #EFB430
한국어#EFB430 색상
日本語#EFB430 の色
中文#EFB430 颜色
DeutschFarbe #EFB430
FrançaisCouleur #EFB430
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #EFB430 の色.
近い色
See オレンジ系