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

色変換 for #5A556B の色

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

色空間

RGB9085107
HSL253.64°11.46%37.65%
HSV253.64°20.56%41.96%
CMYK15.89%20.56%0%58.04%
XYZ10.11829.732115.2525
Yxy9.73210.28820.2772
Hunter Lab31.19633.3006-7.1393
CIE-Lab37.35736.9809-11.8748
CIE-LCH37.357313.7748300.4502
CIE-LUV37.35731.2929-16.7164

基数表記

BaseRedGreenBlue
Binary010110100101010101101011
Octal132125153
Decimal9085107
Hex5A556B

RGB比率

Red
35%
Green
33%
Blue
42%

CMYK比率

Cyan
16%
Magenta
21%
Yellow
0%
Black
58%
調和

配色

#5A556B の色 黒背景

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

#5A556B の色 白背景

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

#5A556B CSSコード

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

アクセシビリティ

白とのコントラスト7.13:1AAA
黒とのコントラスト2.95:1低い
Webセーフカラー#666666Near
輝度0.09730-1
言語

Color names in other languages

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

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

Nearby palette

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

#5A556B の色Glossy grapeApple 緑French lilac
近い色

Similar colors

See 青系
暗い slate 青 Dark slate blue #483D8B 青系 Cyber grape Cyber grape #58427C 紫系 Plump 紫 Plump Purple #5946B2 青系 青-マゼンタ バイオレット Blue-magenta violet #553592 紫系 Ube Ube #8878C3 青系 Rhythm Rhythm #777696 青系 Ocean 青 Ocean Blue #4F42B5 青系 暗い 青-グレー Dark blue-gray #666699 青系 Middle 青 紫 Middle Blue Purple #8B72BE 紫系 紫 navy Purple navy #4E5180 青系 Interdimensional 青 Interdimensional Blue #360CCC 青系 Spanish バイオレット Spanish violet #4C2882 紫系