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

色変換 for #66A3F2 の色

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

色空間

RGB102163242
HSL213.86°84.34%67.45%
HSV213.86°57.85%94.9%
CMYK57.85%32.64%0%5.1%
XYZ34.59835.42789.002
Yxy35.4270.21760.2228
Hunter Lab59.5206-0.4037-46.9581
CIE-Lab66.07983.2128-45.4839
CIE-LCH66.079845.5972274.0404
CIE-LUV66.0798-27.2356-73.5127

基数表記

BaseRedGreenBlue
Binary011001101010001111110010
Octal146243362
Decimal102163242
Hex66A3F2

RGB比率

Red
40%
Green
64%
Blue
95%

CMYK比率

Cyan
58%
Magenta
33%
Yellow
0%
Black
5%
調和

配色

#66A3F2 の色 黒背景

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

#66A3F2 の色 白背景

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

#66A3F2 CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

#66A3F2 の色UltramarineTanDuke 青
近い色

Similar colors

See 青系
Jordy 青 Jordy blue #8AB9F1 青系 United nations 青 United Nations blue #5B92E5 青系 Cornflower 青 Cornflower blue #6495ED 青系 French 空 青 French sky blue #77B5FE 青系 Little boy 青 Little boy blue #6CA0DC 青系 明るい cobalt 青 Light cobalt blue #88ACE0 青系 Blueberry Blueberry #4F86F7 青系 青 jeans Blue Jeans #5DADEC 青系 Bleu de france Bleu de France #318CE7 青系 Very 明るい azure Very light azure #74BBFB 青系 Brilliant azure Brilliant azure #3399FF 青系 Vista 青 Vista blue #7C9ED9 青系