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

色変換 for #5CA5F6 の色

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

色空間

RGB92165246
HSL211.56°89.53%66.27%
HSV211.56°62.6%96.47%
CMYK62.6%32.93%0%3.53%
XYZ34.497335.836192.27
Yxy35.83610.21220.2204
Hunter Lab59.8633-1.8976-49.4463
CIE-Lab66.39451.5095-47.2025
CIE-LCH66.394547.2266271.8317
CIE-LUV66.3945-30.4507-76.2839

基数表記

BaseRedGreenBlue
Binary010111001010010111110110
Octal134245366
Decimal92165246
Hex5CA5F6

RGB比率

Red
36%
Green
65%
Blue
96%

CMYK比率

Cyan
63%
Magenta
33%
Yellow
0%
Black
4%
調和

配色

#5CA5F6 の色 黒背景

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

#5CA5F6 の色 白背景

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

#5CA5F6 CSSコード

.background { background-color: #5CA5F6; }
.text { color: #5CA5F6; }
.border { border: 3px solid #5CA5F6; }
.shadow { box-shadow: 0 8px 28px rgba(92, 165, 246, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

#5CA5F6 の色BluebonnetLoeen(lopen)look/vomit+indogo+lopen+gabrielGhost 白
近い色

Similar colors

See 青系
French 空 青 French sky blue #77B5FE 青系 Brilliant azure Brilliant azure #3399FF 青系 Jordy 青 Jordy blue #8AB9F1 青系 Very 明るい azure Very light azure #74BBFB 青系 Little boy 青 Little boy blue #6CA0DC 青系 Dodger 青 Dodger blue #1E90FF 青系 Blueberry Blueberry #4F86F7 青系 青 jeans Blue Jeans #5DADEC 青系 Bleu de france Bleu de France #318CE7 青系 United nations 青 United Nations blue #5B92E5 青系 Cornflower 青 Cornflower blue #6495ED 青系 Maya 青 Maya blue #73C2FB 青系