色変換

色変換 for #48A0DD の色

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

色空間

RGB72160221
HSL204.56°68.66%57.45%
HSV204.56°67.42%86.67%
CMYK67.42%27.6%0%13.33%
XYZ28.289431.736873.0275
Yxy31.73680.21260.2385
Hunter Lab56.3354-8.9521-37.3926
CIE-Lab63.1248-7.22-38.6455
CIE-LCH63.124839.3142259.4176
CIE-LUV63.1248-33.9904-60.3189

基数表記

BaseRedGreenBlue
Binary010010001010000011011101
Octal110240335
Decimal72160221
Hex48A0DD

RGB比率

Red
28%
Green
63%
Blue
87%

CMYK比率

Cyan
67%
Magenta
28%
Yellow
0%
Black
13%
調和

配色

#48A0DD の色 黒背景

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

#48A0DD の色 白背景

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

#48A0DD CSSコード

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

アクセシビリティ

白とのコントラスト2.86:1低い
黒とのコントラスト7.35:1AAA
Webセーフカラー#3399CCNear
輝度0.31740-1
言語

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 青系