色変換

色変換 for #535C75 の色

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

色空間

RGB8392117
HSL224.12°17%39.22%
HSV224.12°29.06%45.88%
CMYK29.06%21.37%0%54.12%
XYZ10.604410.777318.3477
Yxy10.77730.26690.2713
Hunter Lab32.82880.2084-10.1435
CIE-Lab39.20282.7622-15.2909
CIE-LCH39.202815.5384280.2397
CIE-LUV39.2028-5.7235-21.2109

基数表記

BaseRedGreenBlue
Binary010100110101110001110101
Octal123134165
Decimal8392117
Hex535C75

RGB比率

Red
33%
Green
36%
Blue
46%

CMYK比率

Cyan
29%
Magenta
21%
Yellow
0%
Black
54%
調和

配色

#535C75 の色 黒背景

#535C75 の色 サンプルテキスト

#535C75 の色 白背景

#535C75 の色 サンプルテキスト

#535C75 CSSコード

.background { background-color: #535C75; }
.text { color: #535C75; }
.border { border: 3px solid #535C75; }
.shadow { box-shadow: 0 8px 28px rgba(83, 92, 117, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #535C75 の色.

近い色

Similar colors

See 青系