#57474C

#57474C

Color Values

HEX

#57474C

RGB

87, 71, 76

HSL

341.2, 10.1%, 31.0%

HSV

341.2, 18.4%, 34.1%

CMYK

0.0%, 18.4%, 12.6%, 65.9%

OKLCH

0.4162 0.0231 357.4

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#57474C

#475752

Analogous

#574754

#574A47

#57474C

Triadic

#57474C

#4C5747

#474C57

Split Complementary

#57474C

#47574A

#475457

Tetradic

#57474C

#545747

#475752

#4A4757

Color Blindness Simulation

Original

#57474C

Protanopia

#50504B

Deuteranopia

#51524A

Tritanopia

#564A4A

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECED
200
#DFD8DA
300
#C8BCBF
400
#AA979D
500
#8C737B
600
#705C62
700
#5A494F
800
#46393D
900
#352C2F
950
#211C1E

Contrast Checker

Text on white

8.71:1

AA Pass AAA Pass

Text on black

2.41:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026