色変換

色変換 for #A2C3FF の色

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

色空間

RGB162195255
HSL218.71°100%81.76%
HSV218.71°36.47%100%
CMYK36.47%23.53%0%0%
XYZ52.459953.9291102.2336
Yxy53.92910.25150.2585
Hunter Lab73.4364-1.0019-31.102
CIE-Lab78.42043.1565-33.0492
CIE-LCH78.420433.1996275.4557
CIE-LUV78.4204-18.5518-53.8495

基数表記

BaseRedGreenBlue
Binary101000101100001111111111
Octal242303377
Decimal162195255
HexA2C3FF

RGB比率

Red
64%
Green
76%
Blue
100%

CMYK比率

Cyan
36%
Magenta
24%
Yellow
0%
Black
0%
調和

配色

#A2C3FF の色 黒背景

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

#A2C3FF の色 白背景

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

#A2C3FF CSSコード

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

アクセシビリティ

白とのコントラスト1.78:1低い
黒とのコントラスト11.79:1AAA
Webセーフカラー#99CCFFNear
輝度0.53930-1
言語

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 青系