#5B7337

#5B7337

Color Values

HEX

#5B7337

RGB

91, 115, 55

HSL

84.0, 35.3%, 33.3%

HSV

84.0, 52.2%, 45.1%

CMYK

20.9%, 0.0%, 52.2%, 54.9%

OKLCH

0.5217 0.0903 127.2

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#5B7337

#4F3773

Analogous

#736D37

#3D7337

#5B7337

Triadic

#5B7337

#375B73

#73375B

Split Complementary

#5B7337

#373D73

#6D3773

Tetradic

#5B7337

#37736D

#4F3773

#73373D

Color Blindness Simulation

Original

#5B7337

Protanopia

#656646

Deuteranopia

#646249

Tritanopia

#5C5154

Achromatopsia

#6A6A6A

CSS Usage

background-color: #5B7337;
color: #5B7337;
border-color: #5B7337;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FAF5
100
#EEF3E8
200
#DEE8CF
300
#C6D7AC
400
#A7C27F
500
#89AD52
600
#6D8A42
700
#576E35
800
#445629
900
#344021
950
#212815

Contrast Checker

Text on white

5.31:1

AA Pass AAA Fail

Text on black

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