色変換

色変換 for #F4A55E の色

画面、塗料、パレット、デジタル素材を比較するための数値情報です。

色空間

RGB24416594
HSL28.4°87.21%66.27%
HSV28.4°61.48%95.69%
CMYK0%32.38%61.48%4.31%
XYZ52.787246.95616.8708
Yxy46.9560.45270.4027
Hunter Lab68.524417.58733.3756
CIE-Lab74.161622.364448.0302
CIE-LCH74.161652.981865.0318
CIE-LUV74.161661.285252.8877

基数表記

BaseRedGreenBlue
Binary111101001010010101011110
Octal364245136
Decimal24416594
HexF4A55E

RGB比率

Red
96%
Green
65%
Blue
37%

CMYK比率

Cyan
0%
Magenta
32%
Yellow
61%
Black
4%
調和

配色

#F4A55E の色 黒背景

#F4A55E の色 サンプルテキスト

#F4A55E の色 白背景

#F4A55E の色 サンプルテキスト

#F4A55E CSSコード

.background { background-color: #F4A55E; }
.text { color: #F4A55E; }
.border { border: 3px solid #F4A55E; }
.shadow { box-shadow: 0 8px 28px rgba(244, 165, 94, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト2.02:1低い
黒とのコントラスト10.39:1AAA
Webセーフカラー#FF9966Near
輝度0.46950-1
言語

Color names in other languages

Use these names to compare international references, paint catalogs and design materials.

English#F4A55E color
PortuguêsCor #F4A55E
EspañolColor #F4A55E
한국어#F4A55E 색상
日本語#F4A55E の色
中文#F4A55E 颜色
DeutschFarbe #F4A55E
FrançaisCouleur #F4A55E
組み合わせ

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #F4A55E の色.

近い色

Similar colors

See オレンジ系