#575348

#575348

Color Values

HEX

#575348

RGB

87, 83, 72

HSL

44.0, 9.4%, 31.2%

HSV

44.0, 17.2%, 34.1%

CMYK

0.0%, 4.6%, 17.2%, 65.9%

OKLCH

0.4426 0.0182 90.4

Properties

Warm Dark Nearest: RAL 7010 Tarpaulin Grey

Color Harmonies

Complementary

#575348

#484C57

Analogous

#574C48

#545748

#575348

Triadic

#575348

#485753

#534857

Split Complementary

#575348

#485457

#4C4857

Tetradic

#575348

#48574C

#484C57

#574854

Color Blindness Simulation

Original

#575348

Protanopia

#55554B

Deuteranopia

#56564B

Tritanopia

#574D4D

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEEEC
200
#DFDDD8
300
#C8C4BC
400
#AAA598
500
#8B8574
600
#706A5C
700
#59554A
800
#46433A
900
#35322C
950
#21201C

Contrast Checker

Text on white

7.68:1

AA Pass AAA Pass

Text on black

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