#575C57

#575C57

Color Values

HEX

#575C57

RGB

87, 92, 87

HSL

120.0, 2.8%, 35.1%

HSV

120.0, 5.4%, 36.1%

CMYK

5.4%, 0.0%, 5.4%, 63.9%

OKLCH

0.4687 0.0101 145.4

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#575C57

#5C575C

Analogous

#5A5C57

#575C5A

#575C57

Triadic

#575C57

#57575C

#5C5757

Split Complementary

#575C57

#5A575C

#5C575A

Tetradic

#575C57

#575A5C

#5C575C

#5C5A57

Color Blindness Simulation

Original

#575C57

Protanopia

#595958

Deuteranopia

#595858

Tritanopia

#575959

Achromatopsia

#5B5B5B

CSS Usage

background-color: #575C57;
color: #575C57;
border-color: #575C57;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F7F8F7
100
#EDEEED
200
#DADCDA
300
#C0C4C0
400
#9EA39E
500
#7C837C
600
#636963
700
#4F544F
800
#3E423E
900
#2F322F
950
#1E1F1E

Contrast Checker

Text on white

6.83:1

AA Pass AAA Fail

Text on black

3.07:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026