DexBase Colors
#6AA4E9 の色 壁 #6AA4E9 Save image
色変換

色変換 for #6AA4E9 の色

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

色空間

RGB106164233
HSL212.6°74.27%66.47%
HSV212.6°54.51%91.37%
CMYK54.51%29.61%0%8.63%
XYZ33.922135.495582.1387
Yxy35.49550.22380.2342
Hunter Lab59.5781-2.6296-40.0048
CIE-Lab66.13260.6448-40.4568
CIE-LCH66.132640.4619270.9131
CIE-LUV66.1326-26.5606-64.7255

基数表記

BaseRedGreenBlue
Binary011010101010010011101001
Octal152244351
Decimal106164233
Hex6AA4E9

RGB比率

Red
42%
Green
64%
Blue
91%

CMYK比率

Cyan
55%
Magenta
30%
Yellow
0%
Black
9%
調和

配色

#6AA4E9 の色 黒背景

#6AA4E9 の色 サンプルテキスト

#6AA4E9 の色 白背景

#6AA4E9 の色 サンプルテキスト

#6AA4E9 CSSコード

.background { background-color: #6AA4E9; }
.text { color: #6AA4E9; }
.border { border: 3px solid #6AA4E9; }
.shadow { box-shadow: 0 8px 28px rgba(106, 164, 233, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

#6AA4E9 の色ラベンダー (web)Loeen(lopen)look/vomit+indogo+lopen+gabrielUltramarine
近い色

Similar colors

See 青系
United nations 青 United Nations blue #5B92E5 青系 Jordy 青 Jordy blue #8AB9F1 青系 Little boy 青 Little boy blue #6CA0DC 青系 Cornflower 青 Cornflower blue #6495ED 青系 明るい cobalt 青 Light cobalt blue #88ACE0 青系 Tufts 青 Tufts Blue #3E8EDE 青系 青 jeans Blue Jeans #5DADEC 青系 Bleu de france Bleu de France #318CE7 青系 暗い pastel 青 Dark pastel blue #779ECB 青系 Baby 青 eyes Baby blue eyes #A1CAF1 青系 Aero Aero #7CB9E8 青系 Vista 青 Vista blue #7C9ED9 青系