色変換

色変換 for #C5A55A の色

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

色空間

RGB19716590
HSL42.06°47.98%56.27%
HSV42.06°54.31%77.25%
CMYK0%16.24%54.31%22.75%
XYZ38.328239.520815.2803
Yxy39.52080.41160.4244
Hunter Lab62.8656-1.186829.6003
CIE-Lab69.12692.473742.8373
CIE-LCH69.126942.908786.695
CIE-LUV69.126925.724451.282

基数表記

BaseRedGreenBlue
Binary110001011010010101011010
Octal305245132
Decimal19716590
HexC5A55A

RGB比率

Red
77%
Green
65%
Blue
35%

CMYK比率

Cyan
0%
Magenta
16%
Yellow
54%
Black
23%
調和

配色

#C5A55A の色 黒背景

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

#C5A55A の色 白背景

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

#C5A55A CSSコード

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

アクセシビリティ

白とのコントラスト2.36:1低い
黒とのコントラスト8.9:1AAA
Webセーフカラー#CC9966Near
輝度0.39520-1
言語

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See オレンジ系