#575448

#575448

Color Values

HEX

#575448

RGB

87, 84, 72

HSL

48.0, 9.4%, 31.2%

HSV

48.0, 17.2%, 34.1%

CMYK

0.0%, 3.4%, 17.2%, 65.9%

OKLCH

0.445 0.0194 95.5

Properties

Warm Dark Nearest: RAL 7010 Tarpaulin Grey

Color Harmonies

Complementary

#575448

#484B57

Analogous

#574D48

#535748

#575448

Triadic

#575448

#485754

#544857

Split Complementary

#575448

#485357

#4D4857

Tetradic

#575448

#48574D

#484B57

#574853

Color Blindness Simulation

Original

#575448

Protanopia

#56564B

Deuteranopia

#56564C

Tritanopia

#574D4E

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEEEC
200
#DFDDD8
300
#C8C5BC
400
#AAA698
500
#8B8774
600
#706C5C
700
#59564A
800
#46433A
900
#35332C
950
#21201C

Contrast Checker

Text on white

7.59:1

AA Pass AAA Pass

Text on black

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