#57553C

#57553C

Color Values

HEX

#57553C

RGB

87, 85, 60

HSL

55.6, 18.4%, 28.8%

HSV

55.6, 31.0%, 34.1%

CMYK

0.0%, 2.3%, 31.0%, 65.9%

OKLCH

0.4443 0.0386 104.0

Properties

Warm Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#57553C

#3C3E57

Analogous

#57473C

#4B573C

#57553C

Triadic

#57553C

#3C5755

#553C57

Split Complementary

#57553C

#3C4B57

#473C57

Tetradic

#57553C

#3C5747

#3C3E57

#573C4B

Color Blindness Simulation

Original

#57553C

Protanopia

#565642

Deuteranopia

#565644

Tritanopia

#574748

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0F0EA
200
#E2E1D5
300
#CDCBB7
400
#B2AF8F
500
#979468
600
#797653
700
#615E43
800
#4B4A34
900
#383728
950
#24231A

Contrast Checker

Text on white

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