DexBase Colors
#548EDD の色 壁 #548EDD Save image
色変換

色変換 for #548EDD の色

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

色空間

RGB84142221
HSL214.6°66.83%59.8%
HSV214.6°61.99%86.67%
CMYK61.99%35.75%0%13.33%
XYZ26.375626.448872.1077
Yxy26.44880.21110.2117
Hunter Lab51.42841.5452-47.098
CIE-Lab58.46065.1795-45.949
CIE-LCH58.460646.24276.4314
CIE-LUV58.4606-24.9622-73.0112

基数表記

BaseRedGreenBlue
Binary010101001000111011011101
Octal124216335
Decimal84142221
Hex548EDD

RGB比率

Red
33%
Green
56%
Blue
87%

CMYK比率

Cyan
62%
Magenta
36%
Yellow
0%
Black
13%
調和

配色

#548EDD の色 黒背景

#548EDD の色 サンプルテキスト

#548EDD の色 白背景

#548EDD の色 サンプルテキスト

#548EDD CSSコード

.background { background-color: #548EDD; }
.text { color: #548EDD; }
.border { border: 3px solid #548EDD; }
.shadow { box-shadow: 0 8px 28px rgba(84, 142, 221, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト3.34:1大きな文字
黒とのコントラスト6.29:1AA
Webセーフカラー#6699CCNear
輝度0.26450-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #548EDD の色.

#548EDD の色ラベンダー (web)Indian 黄Iris
近い色

Similar colors

See 青系
United nations 青 United Nations blue #5B92E5 青系 Little boy 青 Little boy blue #6CA0DC 青系 明るい cobalt 青 Light cobalt blue #88ACE0 青系 Tufts 青 Tufts Blue #3E8EDE 青系 Vista 青 Vista blue #7C9ED9 青系 青-グレー Blue-gray #6699CC 青系 Livid Livid #6699CC 青系 Cornflower 青 Cornflower blue #6495ED 青系 暗い pastel 青 Dark pastel blue #779ECB 青系 Bleu de france Bleu de France #318CE7 青系 Glaucous Glaucous #6082B6 青系 Jordy 青 Jordy blue #8AB9F1 青系