DexBase Colors
#5A587F の色 壁 #5A587F Save image
色変換

色変換 for #5A587F の色

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

色空間

RGB9088127
HSL243.08°18.14%42.16%
HSV243.08°30.71%49.8%
CMYK29.13%30.71%0%50.2%
XYZ11.53610.685221.5292
Yxy10.68520.26370.2442
Hunter Lab32.68825.7895-16.1527
CIE-Lab39.045110.2938-21.6107
CIE-LCH39.045123.9371295.4698
CIE-LUV39.0451-1.3434-31.2379

基数表記

BaseRedGreenBlue
Binary010110100101100001111111
Octal132130177
Decimal9088127
Hex5A587F

RGB比率

Red
35%
Green
35%
Blue
50%

CMYK比率

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

配色

#5A587F の色 黒背景

#5A587F の色 サンプルテキスト

#5A587F の色 白背景

#5A587F の色 サンプルテキスト

#5A587F CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #5A587F の色.

#5A587F の色暗い ラベンダーCitronロイヤル 紫
近い色

Similar colors

See 青系
暗い 青-グレー Dark blue-gray #666699 青系 Rhythm Rhythm #777696 青系 紫 navy Purple navy #4E5180 青系 暗い slate 青 Dark slate blue #483D8B 青系 青 (pigment) Blue (pigment) #333399 青系 深い koamaru Deep koamaru #333366 青系 Cosmic cobalt Cosmic Cobalt #2E2D88 青系 Liberty Liberty #545AA7 青系 Ocean 青 Ocean Blue #4F42B5 青系 Independence Independence #4C516D 青系 Middle 黄 赤 Middle Yellow Red #ECB176 青系 Toolbox Toolbox #746CC0 青系