DexBase Colors
#69A5E1 の色 壁 #69A5E1 Save image
色変換

色変換 for #69A5E1 の色

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

色空間

RGB105165225
HSL210°66.67%64.71%
HSV210°53.33%88.24%
CMYK53.33%26.67%0%11.76%
XYZ32.866635.347176.3103
Yxy35.34710.22740.2446
Hunter Lab59.4534-5.3672-34.4533
CIE-Lab66.018-2.5784-36.242
CIE-LCH66.01836.3336265.9306
CIE-LUV66.018-27.3328-57.2157

基数表記

BaseRedGreenBlue
Binary011010011010010111100001
Octal151245341
Decimal105165225
Hex69A5E1

RGB比率

Red
41%
Green
65%
Blue
88%

CMYK比率

Cyan
53%
Magenta
27%
Yellow
0%
Black
12%
調和

配色

#69A5E1 の色 黒背景

#69A5E1 の色 サンプルテキスト

#69A5E1 の色 白背景

#69A5E1 の色 サンプルテキスト

#69A5E1 CSSコード

.background { background-color: #69A5E1; }
.text { color: #69A5E1; }
.border { border: 3px solid #69A5E1; }
.shadow { box-shadow: 0 8px 28px rgba(105, 165, 225, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

#69A5E1 の色ラベンダー (web)FawnSt. patrick's 青
近い色

Similar colors

See 青系
Little boy 青 Little boy blue #6CA0DC 青系 Tufts 青 Tufts Blue #3E8EDE 青系 青-グレー Blue-gray #6699CC 青系 Livid Livid #6699CC 青系 淡い cornflower 青 Pale cornflower blue #ABCDEF 青系 Aero Aero #7CB9E8 青系 青 jeans Blue Jeans #5DADEC 青系 Bleu de france Bleu de France #318CE7 青系 Iceberg Iceberg #71A6D2 青系 暗い pastel 青 Dark pastel blue #779ECB 青系 United nations 青 United Nations blue #5B92E5 青系 Baby 青 eyes Baby blue eyes #A1CAF1 青系