#504D57

#504D57

Color Values

HEX

#504D57

RGB

80, 77, 87

HSL

258.0, 6.1%, 32.2%

HSV

258.0, 11.5%, 34.1%

CMYK

8.0%, 11.5%, 0.0%, 65.9%

OKLCH

0.4267 0.0167 299.4

Properties

Cool Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#504D57

#54574D

Analogous

#4D4F57

#554D57

#504D57

Triadic

#504D57

#57504D

#4D5750

Split Complementary

#504D57

#57554D

#4F574D

Tetradic

#504D57

#574D4F

#54574D

#4D5755

Color Blindness Simulation

Original

#504D57

Protanopia

#4F4F55

Deuteranopia

#4F4F54

Tritanopia

#505352

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDECEE
200
#DAD9DD
300
#C0BEC6
400
#9E9BA6
500
#7C7887
600
#64606C
700
#504D57
800
#3E3C44
900
#2F2E33
950
#1E1D20

Contrast Checker

Text on white

8.27:1

AA Pass AAA Pass

Text on black

2.54:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026