色変換

色変換 for #48B3F9 の色

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

色空間

RGB72179249
HSL203.73°93.65%62.94%
HSV203.73°71.08%97.65%
CMYK71.08%28.11%0%2.35%
XYZ35.884840.453495.5212
Yxy40.45340.20880.2354
Hunter Lab63.603-10.5963-44.4868
CIE-Lab69.7913-8.4127-43.5434
CIE-LCH69.791344.3486259.065
CIE-LUV69.7913-39.3508-69.4397

基数表記

BaseRedGreenBlue
Binary010010001011001111111001
Octal110263371
Decimal72179249
Hex48B3F9

RGB比率

Red
28%
Green
70%
Blue
98%

CMYK比率

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

配色

#48B3F9 の色 黒背景

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

#48B3F9 の色 白背景

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

#48B3F9 CSSコード

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

アクセシビリティ

白とのコントラスト2.31:1低い
黒とのコントラスト9.09:1AAA
Webセーフカラー#33CCFFNear
輝度0.40460-1
言語

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 青系