#524756

#524756

Color Values

HEX

#524756

RGB

82, 71, 86

HSL

284.0, 9.6%, 30.8%

HSV

284.0, 17.4%, 33.7%

CMYK

4.7%, 17.4%, 0.0%, 66.3%

OKLCH

0.4146 0.0283 317.0

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#524756

#4B5647

Analogous

#4B4756

#564753

#524756

Triadic

#524756

#565247

#475652

Split Complementary

#524756

#535647

#47564B

Tetradic

#524756

#564B47

#4B5647

#475356

Color Blindness Simulation

Original

#524756

Protanopia

#4D4D52

Deuteranopia

#4E4F52

Tritanopia

#51504F

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEF
200
#DDD8DF
300
#C5BCC8
400
#A598AA
500
#85738C
600
#6B5C70
700
#554A59
800
#433A46
900
#322C35
950
#201C21

Contrast Checker

Text on white

8.77:1

AA Pass AAA Pass

Text on black

2.39: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