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

色変換 for #548DD8 の色

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

色空間

RGB84141216
HSL214.09°62.86%58.82%
HSV214.09°61.11%84.71%
CMYK61.11%34.72%0%15.29%
XYZ25.571325.890168.6021
Yxy25.89010.2130.2156
Hunter Lab50.88230.6618-44.2888
CIE-Lab57.93264.1062-43.9872
CIE-LCH57.932644.1784275.3331
CIE-LUV57.9326-24.6961-69.5495

基数表記

BaseRedGreenBlue
Binary010101001000110111011000
Octal124215330
Decimal84141216
Hex548DD8

RGB比率

Red
33%
Green
55%
Blue
85%

CMYK比率

Cyan
61%
Magenta
35%
Yellow
0%
Black
15%
調和

配色

#548DD8 の色 黒背景

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

#548DD8 の色 白背景

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

#548DD8 CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

#548DD8 の色Midnight 青GrulloIris
近い色

Similar colors

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