#575524

#575524

Color Values

HEX

#575524

RGB

87, 85, 36

HSL

57.6, 41.5%, 24.1%

HSV

57.6, 58.6%, 34.1%

CMYK

0.0%, 2.3%, 58.6%, 65.9%

OKLCH

0.4399 0.0693 106.8

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#575524

#242657

Analogous

#573B24

#3F5724

#575524

Triadic

#575524

#245755

#552457

Split Complementary

#575524

#243F57

#3B2457

Tetradic

#575524

#24573B

#242657

#57243F

Color Blindness Simulation

Original

#575524

Protanopia

#565630

Deuteranopia

#565633

Tritanopia

#57393B

Achromatopsia

#525252

CSS Usage

background-color: #575524;
color: #575524;
border-color: #575524;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#EAE9CC
300
#DBD9A8
400
#C8C579
500
#B4B04B
600
#908D3C
700
#737130
800
#5A5825
900
#43411E
950
#2A2913

Contrast Checker

Text on white

7.69:1

AA Pass AAA Pass

Text on black

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