DexBase Colors
#549BE4 の色 壁 #549BE4 Save image
色変換

色変換 for #549BE4 の色

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

色空間

RGB84155228
HSL210.42°72.73%61.18%
HSV210.42°63.16%89.41%
CMYK63.16%32.02%0%10.59%
XYZ29.37630.926177.805
Yxy30.92610.21270.2239
Hunter Lab55.6112-3.0298-43.9916
CIE-Lab62.4452-0.0703-43.5544
CIE-LCH62.445243.5545269.9075
CIE-LUV62.4452-29.3385-69.2576

基数表記

BaseRedGreenBlue
Binary010101001001101111100100
Octal124233344
Decimal84155228
Hex549BE4

RGB比率

Red
33%
Green
61%
Blue
89%

CMYK比率

Cyan
63%
Magenta
32%
Yellow
0%
Black
11%
調和

配色

#549BE4 の色 黒背景

#549BE4 の色 サンプルテキスト

#549BE4 の色 白背景

#549BE4 の色 サンプルテキスト

#549BE4 CSSコード

.background { background-color: #549BE4; }
.text { color: #549BE4; }
.border { border: 3px solid #549BE4; }
.shadow { box-shadow: 0 8px 28px rgba(84, 155, 228, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト2.92:1低い
黒とのコントラスト7.19:1AAA
Webセーフカラー#6699CCNear
輝度0.30930-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #549BE4 の色.

#549BE4 の色ラベンダー (web)茶色 黄Glitter
近い色

Similar colors

See 青系
Tufts 青 Tufts Blue #3E8EDE 青系 Bleu de france Bleu de France #318CE7 青系 Little boy 青 Little boy blue #6CA0DC 青系 青-グレー Blue-gray #6699CC 青系 Livid Livid #6699CC 青系 United nations 青 United Nations blue #5B92E5 青系 Brilliant azure Brilliant azure #3399FF 青系 青 jeans Blue Jeans #5DADEC 青系 Bright navy 青 Bright navy blue #1974D2 青系 Aero Aero #7CB9E8 青系 Dodger 青 Dodger blue #1E90FF 青系 Baby 青 eyes Baby blue eyes #A1CAF1 青系