DexBase Colors
#509DFD の色 壁 #509DFD Save image
色変換

色変換 for #509DFD の色

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

色空間

RGB80157253
HSL213.29°97.74%65.29%
HSV213.29°68.38%99.22%
CMYK68.38%37.94%0%0.78%
XYZ33.088432.907897.5175
Yxy32.90780.20240.2013
Hunter Lab57.36532.5689-60.5941
CIE-Lab64.08626.5361-54.7043
CIE-LCH64.086255.0934276.8134
CIE-LUV64.0862-30.2313-88.9989

基数表記

BaseRedGreenBlue
Binary010100001001110111111101
Octal120235375
Decimal80157253
Hex509DFD

RGB比率

Red
31%
Green
62%
Blue
99%

CMYK比率

Cyan
68%
Magenta
38%
Yellow
0%
Black
1%
調和

配色

#509DFD の色 黒背景

#509DFD の色 サンプルテキスト

#509DFD の色 白背景

#509DFD の色 サンプルテキスト

#509DFD CSSコード

.background { background-color: #509DFD; }
.text { color: #509DFD; }
.border { border: 3px solid #509DFD; }
.shadow { box-shadow: 0 8px 28px rgba(80, 157, 253, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #509DFD の色.

#509DFD の色青Loeen(lopen)look/vomit+indogo+lopen+gabrielラベンダー 青
近い色

Similar colors

See 青系
French 空 青 French sky blue #77B5FE 青系 Brilliant azure Brilliant azure #3399FF 青系 Dodger 青 Dodger blue #1E90FF 青系 Brandeis 青 Brandeis blue #0070FF 青系 青 (crayola) Blue (Crayola) #1F75FE 青系 Jordy 青 Jordy blue #8AB9F1 青系 Very 明るい azure Very light azure #74BBFB 青系 Blueberry Blueberry #4F86F7 青系 Azure Azure #007FFF 青系 United nations 青 United Nations blue #5B92E5 青系 Little boy 青 Little boy blue #6CA0DC 青系 Cornflower 青 Cornflower blue #6495ED 青系