#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

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026