#576F35

#576F35

Color Values

HEX

#576F35

RGB

87, 111, 53

HSL

84.8, 35.4%, 32.2%

HSV

84.8, 52.3%, 43.5%

CMYK

21.6%, 0.0%, 52.3%, 56.5%

OKLCH

0.5082 0.0883 127.8

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#576F35

#4D356F

Analogous

#6F6A35

#3A6F35

#576F35

Triadic

#576F35

#35576F

#6F3557

Split Complementary

#576F35

#353A6F

#6A356F

Tetradic

#576F35

#356F6A

#4D356F

#6F353A

Color Blindness Simulation

Original

#576F35

Protanopia

#616243

Deuteranopia

#605E46

Tritanopia

#584E51

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF3E8
200
#DDE8CF
300
#C6D7AC
400
#A6C27F
500
#87AD52
600
#6C8A42
700
#576E35
800
#445629
900
#334021
950
#202815

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

3.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