DexBase Colors
#56587F の色 壁 #56587F Save image
色変換

色変換 for #56587F の色

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

色空間

RGB8688127
HSL237.07°19.25%41.76%
HSV237.07°32.28%49.8%
CMYK32.28%30.71%0%50.2%
XYZ11.157210.489921.5115
Yxy10.48990.25850.2431
Hunter Lab32.38814.8108-16.6921
CIE-Lab38.70779.0084-22.1605
CIE-LCH38.707723.9215292.1221
CIE-LUV38.7077-3.1867-31.8108

基数表記

BaseRedGreenBlue
Binary010101100101100001111111
Octal126130177
Decimal8688127
Hex56587F

RGB比率

Red
34%
Green
35%
Blue
50%

CMYK比率

Cyan
32%
Magenta
31%
Yellow
0%
Black
50%
調和

配色

#56587F の色 黒背景

#56587F の色 サンプルテキスト

#56587F の色 白背景

#56587F の色 サンプルテキスト

#56587F CSSコード

.background { background-color: #56587F; }
.text { color: #56587F; }
.border { border: 3px solid #56587F; }
.shadow { box-shadow: 0 8px 28px rgba(86, 88, 127, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト6.78:1AA
黒とのコントラスト3.1:1大きな文字
Webセーフカラー#666666Near
輝度0.10490-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #56587F の色.

#56587F の色ラベンダー 紫Titanium 黄暗い ラベンダー
近い色

Similar colors

See 青系
紫 navy Purple navy #4E5180 青系 暗い 青-グレー Dark blue-gray #666699 青系 Liberty Liberty #545AA7 青系 Independence Independence #4C516D 青系 Middle 黄 赤 Middle Yellow Red #ECB176 青系 Rhythm Rhythm #777696 青系 青 (pigment) Blue (pigment) #333399 青系 深い koamaru Deep koamaru #333366 青系 Cosmic cobalt Cosmic Cobalt #2E2D88 青系 St. patrick's 青 St. Patrick's blue #23297A 青系 Cool グレー Cool grey #8C92AC 青系 グレー-青 Gray-blue #8C92AC 青系