DexBase Colors
#5AAAF7 の色 壁 #5AAAF7 Save image
色変換

色変換 for #5AAAF7 の色

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

色空間

RGB90170247
HSL209.43°90.75%66.08%
HSV209.43°63.56%96.86%
CMYK63.56%31.17%0%3.14%
XYZ35.373537.63593.3777
Yxy37.6350.21260.2262
Hunter Lab61.3474-4.4339-47.2677
CIE-Lab67.7507-1.3419-45.6186
CIE-LCH67.750745.6383268.3151
CIE-LUV67.7507-32.6383-73.4965

基数表記

BaseRedGreenBlue
Binary010110101010101011110111
Octal132252367
Decimal90170247
Hex5AAAF7

RGB比率

Red
35%
Green
67%
Blue
97%

CMYK比率

Cyan
64%
Magenta
31%
Yellow
0%
Black
3%
調和

配色

#5AAAF7 の色 黒背景

#5AAAF7 の色 サンプルテキスト

#5AAAF7 の色 白背景

#5AAAF7 の色 サンプルテキスト

#5AAAF7 CSSコード

.background { background-color: #5AAAF7; }
.text { color: #5AAAF7; }
.border { border: 3px solid #5AAAF7; }
.shadow { box-shadow: 0 8px 28px rgba(90, 170, 247, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

#5AAAF7 の色BluebonnetRajahGhost 白
近い色

Similar colors

See 青系
Very 明るい azure Very light azure #74BBFB 青系 Brilliant azure Brilliant azure #3399FF 青系 青 jeans Blue Jeans #5DADEC 青系 Maya 青 Maya blue #73C2FB 青系 Dodger 青 Dodger blue #1E90FF 青系 French 空 青 French sky blue #77B5FE 青系 Bleu de france Bleu de France #318CE7 青系 Baby 青 eyes Baby blue eyes #A1CAF1 青系 Aero Aero #7CB9E8 青系 明るい 空 青 Light sky blue #87CEFA 青系 Azure Azure #007FFF 青系 Tufts 青 Tufts Blue #3E8EDE 青系