色変換

色変換 for #F2C331 の色

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

色空間

RGB24219549
HSL45.39°88.13%57.06%
HSV45.39°79.75%94.9%
CMYK0%19.42%79.75%5.1%
XYZ56.690958.13311.14
Yxy58.1330.45010.4615
Hunter Lab76.245-0.708644.7122
CIE-Lab80.81273.587273.3768
CIE-LCH80.812773.464487.2012
CIE-LUV80.812739.769479.2837

基数表記

BaseRedGreenBlue
Binary111100101100001100110001
Octal36230361
Decimal24219549
HexF2C331

RGB比率

Red
95%
Green
76%
Blue
19%

CMYK比率

Cyan
0%
Magenta
19%
Yellow
80%
Black
5%
調和

配色

#F2C331 の色 黒背景

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

#F2C331 の色 白背景

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

#F2C331 CSSコード

.background { background-color: #F2C331; }
.text { color: #F2C331; }
.border { border: 3px solid #F2C331; }
.shadow { box-shadow: 0 8px 28px rgba(242, 195, 49, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト1.66:1低い
黒とのコントラスト12.63:1AAA
Webセーフカラー#FFCC33Near
輝度0.58130-1
言語

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 黄色系