DexBase Colors
#66A2FF の色 壁 #66A2FF Save image
色変換

色変換 for #66A2FF の色

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

色空間

RGB102162255
HSL216.47°100%70%
HSV216.47°60%100%
CMYK60%36.47%0%0%
XYZ36.443535.882299.5938
Yxy35.88220.2120.2087
Hunter Lab59.90183.7683-56.6069
CIE-Lab66.42987.942-52.0222
CIE-LCH66.429852.6249278.6801
CIE-LUV66.4298-26.7253-85.1589

基数表記

BaseRedGreenBlue
Binary011001101010001011111111
Octal146242377
Decimal102162255
Hex66A2FF

RGB比率

Red
40%
Green
64%
Blue
100%

CMYK比率

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

配色

#66A2FF の色 黒背景

#66A2FF の色 サンプルテキスト

#66A2FF の色 白背景

#66A2FF の色 サンプルテキスト

#66A2FF CSSコード

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

アクセシビリティ

白とのコントラスト2.57:1低い
黒とのコントラスト8.18:1AAA
Webセーフカラー#6699FFNear
輝度0.35890-1
言語

Color names in other languages

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

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

Nearby palette

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

#66A2FF の色UltramarineBurlywoodGhost 白
近い色

Similar colors

See 青系
French 空 青 French sky blue #77B5FE 青系 青 (crayola) Blue (Crayola) #1F75FE 青系 Blueberry Blueberry #4F86F7 青系 United nations 青 United Nations blue #5B92E5 青系 Cornflower 青 Cornflower blue #6495ED 青系 Jordy 青 Jordy blue #8AB9F1 青系 Brilliant azure Brilliant azure #3399FF 青系 Very 明るい azure Very light azure #74BBFB 青系 Brandeis 青 Brandeis blue #0070FF 青系 明るい cobalt 青 Light cobalt blue #88ACE0 青系 Dodger 青 Dodger blue #1E90FF 青系 Maya 青 Maya blue #73C2FB 青系