DexBase Colors
#CCE2F0 の色 壁 #CCE2F0 Save image
色変換

色変換 for #CCE2F0 の色

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

色空間

RGB204226240
HSL203.33°54.55%87.06%
HSV203.33°15%94.12%
CMYK15%5.83%0%5.88%
XYZ67.822573.519993.0387
Yxy73.51990.28940.3137
Hunter Lab85.7437-8.8609-4.2885
CIE-Lab88.6951-4.4699-9.2774
CIE-LCH88.695110.2981244.275
CIE-LUV88.6951-12.3483-13.7478

基数表記

BaseRedGreenBlue
Binary110011001110001011110000
Octal314342360
Decimal204226240
HexCCE2F0

RGB比率

Red
80%
Green
89%
Blue
94%

CMYK比率

Cyan
15%
Magenta
6%
Yellow
0%
Black
6%
調和

配色

#CCE2F0 の色 黒背景

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

#CCE2F0 の色 白背景

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

#CCE2F0 CSSコード

.background { background-color: #CCE2F0; }
.text { color: #CCE2F0; }
.border { border: 3px solid #CCE2F0; }
.shadow { box-shadow: 0 8px 28px rgba(204, 226, 240, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト1.34:1低い
黒とのコントラスト15.7:1AAA
Webセーフカラー#CCCCFFNear
輝度0.73520-1
言語

Color names in other languages

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

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

Nearby palette

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

#CCE2F0 の色バイオレット-青ApricotSpace cadet
近い色

Similar colors

See 青系
Azureish 白 Azureish white #DBE9F4 青系 淡い cerulean Pale cerulean #9BC4E2 青系 Beau 青 Beau blue #BCD4E6 青系 淡い aqua Pale aqua #BCD4E6 青系 Columbia 青 Columbia Blue #C4D8E2 青系 明るい cornflower 青 Light cornflower blue #93CCEA 青系 明るい 青 Light blue #ADD8E6 青系 淡い cornflower 青 Pale cornflower blue #ABCDEF 青系 暗い 空 青 Dark sky blue #8CBED6 青系 Aero Aero #7CB9E8 青系 Baby 青 eyes Baby blue eyes #A1CAF1 青系 明るい 空 青 Light sky blue #87CEFA 青系