#4D4F57

#4D4F57

Color Values

HEX

#4D4F57

RGB

77, 79, 87

HSL

228.0, 6.1%, 32.2%

HSV

228.0, 11.5%, 34.1%

CMYK

11.5%, 9.2%, 0.0%, 65.9%

OKLCH

0.4287 0.0134 274.6

Properties

Cool Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#4D4F57

#57554D

Analogous

#4D5457

#504D57

#4D4F57

Triadic

#4D4F57

#574D4F

#4F574D

Split Complementary

#4D4F57

#57504D

#54574D

Tetradic

#4D4F57

#574D54

#57554D

#4D5750

Color Blindness Simulation

Original

#4D4F57

Protanopia

#4E4E55

Deuteranopia

#4E4E55

Tritanopia

#4D5453

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DADD
300
#BEC0C6
400
#9B9DA6
500
#787B87
600
#60626C
700
#4D4F57
800
#3C3D44
900
#2E2F33
950
#1D1E20

Contrast Checker

Text on white

8.17:1

AA Pass AAA Pass

Text on black

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