#575257

#575257

Color Values

HEX

#575257

RGB

87, 82, 87

HSL

300.0, 3.0%, 33.1%

HSV

300.0, 5.7%, 34.1%

CMYK

0.0%, 5.7%, 0.0%, 65.9%

OKLCH

0.4451 0.0103 325.7

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#575257

#525752

Analogous

#545257

#575254

#575257

Triadic

#575257

#575752

#525757

Split Complementary

#575257

#545752

#525754

Tetradic

#575257

#575452

#525752

#525457

Color Blindness Simulation

Original

#575257

Protanopia

#555556

Deuteranopia

#555656

Tritanopia

#575555

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEEDEE
200
#DCDADC
300
#C4C0C4
400
#A39EA3
500
#837C83
600
#696369
700
#544F54
800
#423E42
900
#322F32
950
#1F1E1F

Contrast Checker

Text on white

7.64:1

AA Pass AAA Pass

Text on black

2.75:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026