色変換

色変換 for #515C6A の色

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

色空間

RGB8192106
HSL213.6°13.37%36.67%
HSV213.6°23.58%41.57%
CMYK23.58%13.21%0%58.43%
XYZ9.821310.44415.1313
Yxy10.4440.27750.2951
Hunter Lab32.3172-2.3087-5.1274
CIE-Lab38.6278-0.8364-9.4083
CIE-LCH38.62789.4454264.9197
CIE-LUV38.6278-6.2384-12.4023

基数表記

BaseRedGreenBlue
Binary010100010101110001101010
Octal121134152
Decimal8192106
Hex515C6A

RGB比率

Red
32%
Green
36%
Blue
42%

CMYK比率

Cyan
24%
Magenta
13%
Yellow
0%
Black
58%
調和

配色

#515C6A の色 黒背景

#515C6A の色 サンプルテキスト

#515C6A の色 白背景

#515C6A の色 サンプルテキスト

#515C6A CSSコード

.background { background-color: #515C6A; }
.text { color: #515C6A; }
.border { border: 3px solid #515C6A; }
.shadow { box-shadow: 0 8px 28px rgba(81, 92, 106, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #515C6A の色.

近い色

Similar colors

See 青系