DexBase Colors
#5493DC の色 壁 #5493DC Save image
色変換

色変換 for #5493DC の色

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

色空間

RGB84147220
HSL212.21°66.02%59.61%
HSV212.21°61.82%86.27%
CMYK61.82%33.18%0%13.73%
XYZ27.003527.91771.6617
Yxy27.9170.21330.2205
Hunter Lab52.8365-1.2376-43.3974
CIE-Lab59.81371.915-43.2559
CIE-LCH59.813743.2983272.5349
CIE-LUV59.8137-26.7226-68.4878

基数表記

BaseRedGreenBlue
Binary010101001001001111011100
Octal124223334
Decimal84147220
Hex5493DC

RGB比率

Red
33%
Green
58%
Blue
86%

CMYK比率

Cyan
62%
Magenta
33%
Yellow
0%
Black
14%
調和

配色

#5493DC の色 黒背景

#5493DC の色 サンプルテキスト

#5493DC の色 白背景

#5493DC の色 サンプルテキスト

#5493DC CSSコード

.background { background-color: #5493DC; }
.text { color: #5493DC; }
.border { border: 3px solid #5493DC; }
.shadow { box-shadow: 0 8px 28px rgba(84, 147, 220, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #5493DC の色.

#5493DC の色ラベンダー (web)Camel青 (pigment)
近い色

Similar colors

See 青系
Little boy 青 Little boy blue #6CA0DC 青系 Tufts 青 Tufts Blue #3E8EDE 青系 青-グレー Blue-gray #6699CC 青系 Livid Livid #6699CC 青系 暗い pastel 青 Dark pastel blue #779ECB 青系 United nations 青 United Nations blue #5B92E5 青系 Bleu de france Bleu de France #318CE7 青系 銀 lake 青 Silver Lake blue #5D89BA 青系 明るい cobalt 青 Light cobalt blue #88ACE0 青系 Iceberg Iceberg #71A6D2 青系 Cerulean frost Cerulean frost #6D9BC3 青系 シアン-青 azure Cyan-blue azure #4682BF 青系