#57504F

#57504F

Color Values

HEX

#57504F

RGB

87, 80, 79

HSL

7.5, 4.8%, 32.5%

HSV

7.5, 9.2%, 34.1%

CMYK

0.0%, 8.0%, 9.2%, 65.9%

OKLCH

0.4377 0.0094 27.3

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#57504F

#4F5657

Analogous

#574F52

#57544F

#57504F

Triadic

#57504F

#4F5750

#504F57

Split Complementary

#57504F

#4F5754

#4F5257

Tetradic

#57504F

#52574F

#4F5657

#544F57

Color Blindness Simulation

Original

#57504F

Protanopia

#54544F

Deuteranopia

#54554F

Tritanopia

#574F4F

Achromatopsia

#515151

CSS Usage

background-color: #57504F;
color: #57504F;
border-color: #57504F;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DDDADA
300
#C5C0BF
400
#A59D9C
500
#867B79
600
#6B6261
700
#564F4E
800
#433D3D
900
#332F2E
950
#201E1D

Contrast Checker

Text on white

7.88:1

AA Pass AAA Pass

Text on black

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