#524850

#524850

Color Values

HEX

#524850

RGB

82, 72, 80

HSL

312.0, 6.5%, 30.2%

HSV

312.0, 12.2%, 32.2%

CMYK

0.0%, 12.2%, 2.4%, 67.8%

OKLCH

0.4145 0.0185 332.7

Properties

Warm Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#524850

#48524A

Analogous

#4F4852

#52484B

#524850

Triadic

#524850

#505248

#485052

Split Complementary

#524850

#4B5248

#48524F

Tetradic

#524850

#524F48

#48524A

#484B52

Color Blindness Simulation

Original

#524850

Protanopia

#4E4E4E

Deuteranopia

#4E4F4E

Tritanopia

#514D4C

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DED9DD
300
#C6BEC4
400
#A79BA4
500
#887784
600
#6D5F6A
700
#574C55
800
#443C42
900
#332E32
950
#201D20

Contrast Checker

Text on white

8.74:1

AA Pass AAA Pass

Text on black

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