DexBase Colors
#48A4F9 の色 壁 #48A4F9 Save image
色変換

色変換 for #48A4F9 の色

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

色空間

RGB72164249
HSL208.81°93.65%62.94%
HSV208.81°71.08%97.65%
CMYK71.08%34.14%0%2.35%
XYZ33.040434.764594.5731
Yxy34.76450.20350.2141
Hunter Lab58.9614-3.1567-53.7899
CIE-Lab65.5649-0.0079-50.1946
CIE-LCH65.564950.1946269.991
CIE-LUV65.5649-34.2402-81.0338

基数表記

BaseRedGreenBlue
Binary010010001010010011111001
Octal110244371
Decimal72164249
Hex48A4F9

RGB比率

Red
28%
Green
64%
Blue
98%

CMYK比率

Cyan
71%
Magenta
34%
Yellow
0%
Black
2%
調和

配色

#48A4F9 の色 黒背景

#48A4F9 の色 サンプルテキスト

#48A4F9 の色 白背景

#48A4F9 の色 サンプルテキスト

#48A4F9 CSSコード

.background { background-color: #48A4F9; }
.text { color: #48A4F9; }
.border { border: 3px solid #48A4F9; }
.shadow { box-shadow: 0 8px 28px rgba(72, 164, 249, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト2.64:1低い
黒とのコントラスト7.95:1AAA
Webセーフカラー#3399FFNear
輝度0.34770-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #48A4F9 の色.

#48A4F9 の色青RajahGhost 白
近い色

Similar colors

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