#575647

#575647

Color Values

HEX

#575647

RGB

87, 86, 71

HSL

56.3, 10.1%, 31.0%

HSV

56.3, 18.4%, 34.1%

CMYK

0.0%, 1.1%, 18.4%, 65.9%

OKLCH

0.4495 0.0236 104.2

Properties

Warm Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#575647

#474857

Analogous

#574E47

#505747

#575647

Triadic

#575647

#475756

#564757

Split Complementary

#575647

#475057

#4E4757

Tetradic

#575647

#47574E

#474857

#574750

Color Blindness Simulation

Original

#575647

Protanopia

#57574B

Deuteranopia

#57574C

Tritanopia

#574D4E

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEEEC
200
#DFDED8
300
#C8C7BC
400
#AAA997
500
#8C8B73
600
#706F5C
700
#5A5949
800
#464539
900
#35342C
950
#21211C

Contrast Checker

Text on white

7.43:1

AA Pass AAA Pass

Text on black

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