DexBase Colors
#586B8A の色 壁 #586B8A Save image
色変換

色変換 for #586B8A の色

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

色空間

RGB88107138
HSL217.2°22.12%44.31%
HSV217.2°36.23%54.12%
CMYK36.23%22.46%0%45.88%
XYZ13.868314.424426.0933
Yxy14.42440.2550.2652
Hunter Lab37.9795-1.2849-14.1328
CIE-Lab44.83551.0056-19.3392
CIE-LCH44.835519.3653272.9766
CIE-LUV44.8355-10.5103-27.7131

基数表記

BaseRedGreenBlue
Binary010110000110101110001010
Octal130153212
Decimal88107138
Hex586B8A

RGB比率

Red
35%
Green
42%
Blue
54%

CMYK比率

Cyan
36%
Magenta
22%
Yellow
0%
Black
46%
調和

配色

#586B8A の色 黒背景

#586B8A の色 サンプルテキスト

#586B8A の色 白背景

#586B8A の色 サンプルテキスト

#586B8A CSSコード

.background { background-color: #586B8A; }
.text { color: #586B8A; }
.border { border: 3px solid #586B8A; }
.shadow { box-shadow: 0 8px 28px rgba(88, 107, 138, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト5.4:1AA
黒とのコントラスト3.89:1大きな文字
Webセーフカラー#666699Near
輝度0.14430-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #586B8A の色.

#586B8A の色ラベンダー グレーShadow暗い slate 青
近い色

Similar colors

See 青系
青 yonder Blue yonder #5072A7 青系 Ucla 青 UCLA Blue #536895 青系 Shadow 青 Shadow blue #778BA5 青系 Glaucous Glaucous #6082B6 青系 Queen 青 Queen blue #436B95 青系 Slate グレー Slate gray #708090 青系 Roman 銀 Roman silver #838996 グレー系 B'dazzled 青 B'dazzled blue #2E5894 青系 黒 コーラル Black Coral #54626F 青系 明るい slate グレー Light slate gray #778899 青系 暗い electric 青 Dark electric blue #536878 青系 Payne's グレー Payne's grey #536878 青系