色変換

色変換 for #ADD2E1 の色

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

色空間

RGB173210225
HSL197.31°46.43%78.04%
HSV197.31°23.11%88.24%
CMYK23.11%6.67%0%11.76%
XYZ53.866960.411780.042
Yxy60.41170.27720.3109
Hunter Lab77.725-12.3111-6.6261
CIE-Lab82.0615-8.9034-11.4308
CIE-LCH82.061514.4891232.0851
CIE-LUV82.0615-19.5317-16.335

基数表記

BaseRedGreenBlue
Binary101011011101001011100001
Octal255322341
Decimal173210225
HexADD2E1

RGB比率

Red
68%
Green
82%
Blue
88%

CMYK比率

Cyan
23%
Magenta
7%
Yellow
0%
Black
12%
調和

配色

#ADD2E1 の色 黒背景

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

#ADD2E1 の色 白背景

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

#ADD2E1 CSSコード

.background { background-color: #ADD2E1; }
.text { color: #ADD2E1; }
.border { border: 3px solid #ADD2E1; }
.shadow { box-shadow: 0 8px 28px rgba(173, 210, 225, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト1.61:1低い
黒とのコントラスト13.08:1AAA
Webセーフカラー#99CCCCNear
輝度0.60410-1
言語

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 青系