#534757

#534757

Color Values

HEX

#534757

RGB

83, 71, 87

HSL

285.0, 10.1%, 31.0%

HSV

285.0, 18.4%, 34.1%

CMYK

4.6%, 18.4%, 0.0%, 65.9%

OKLCH

0.416 0.0303 317.6

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#534757

#4B5747

Analogous

#4B4757

#574753

#534757

Triadic

#534757

#575347

#475753

Split Complementary

#534757

#535747

#47574B

Tetradic

#534757

#574B47

#4B5747

#475357

Color Blindness Simulation

Original

#534757

Protanopia

#4E4E53

Deuteranopia

#4E4F52

Tritanopia

#52504F

Achromatopsia

#4B4B4B

CSS Usage

background-color: #534757;
color: #534757;
border-color: #534757;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F7F8
100
#EEECEF
200
#DDD8DF
300
#C5BCC8
400
#A597AA
500
#86738C
600
#6B5C70
700
#56495A
800
#433946
900
#332C35
950
#201C21

Contrast Checker

Text on white

8.73:1

AA Pass AAA Pass

Text on black

2.41:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026