#575B36

#575B36

Color Values

HEX

#575B36

RGB

87, 91, 54

HSL

66.5, 25.5%, 28.4%

HSV

66.5, 40.7%, 35.7%

CMYK

4.4%, 0.0%, 40.7%, 64.3%

OKLCH

0.4578 0.0557 113.6

Properties

Cool Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#575B36

#3A365B

Analogous

#5B4C36

#445B36

#575B36

Triadic

#575B36

#36575B

#5B3657

Split Complementary

#575B36

#36445B

#4C365B

Tetradic

#575B36

#365B4C

#3A365B

#5B3644

Color Blindness Simulation

Original

#575B36

Protanopia

#59593F

Deuteranopia

#585841

Tritanopia

#574648

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F0F1E9
200
#E2E4D2
300
#CED1B2
400
#B3B989
500
#99A05F
600
#7A804C
700
#62663D
800
#4C502F
900
#393C25
950
#242618

Contrast Checker

Text on white

7.11:1

AA Pass AAA Pass

Text on black

2.95:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026