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

色変換 for #5B6072 の色

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

色空間

RGB9196114
HSL226.96°11.22%40.2%
HSV226.96°20.18%44.71%
CMYK20.18%15.79%0%55.29%
XYZ11.533811.804617.5872
Yxy11.80460.28180.2884
Hunter Lab34.3578-0.2048-6.2872
CIE-Lab40.90392.2662-10.8102
CIE-LCH40.903911.0452281.8398
CIE-LUV40.9039-3.5609-14.9774

基数表記

BaseRedGreenBlue
Binary010110110110000001110010
Octal133140162
Decimal9196114
Hex5B6072

RGB比率

Red
36%
Green
38%
Blue
45%

CMYK比率

Cyan
20%
Magenta
16%
Yellow
0%
Black
55%
調和

配色

#5B6072 の色 黒背景

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

#5B6072 の色 白背景

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

#5B6072 CSSコード

.background { background-color: #5B6072; }
.text { color: #5B6072; }
.border { border: 3px solid #5B6072; }
.shadow { box-shadow: 0 8px 28px rgba(91, 96, 114, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

#5B6072 の色ラベンダー グレー鮮やかな amberPlump 紫
近い色

Similar colors

See 青系
Independence Independence #4C516D 青系 紫 navy Purple navy #4E5180 青系 Cool グレー Cool grey #8C92AC 青系 グレー-青 Gray-blue #8C92AC 青系 Ucla 青 UCLA Blue #536895 青系 Roman 銀 Roman silver #838996 グレー系 Manatee Manatee #979AAA グレー系 Denim 青 Denim Blue #2243B6 青系 バイオレット-青 Violet-blue #324AB2 青系 Space cadet Space cadet #1D2951 青系 Liberty Liberty #545AA7 青系 Cerulean 青 Cerulean blue #2A52BE 青系