#5B7D2C

#5B7D2C

Color Values

HEX

#5B7D2C

RGB

91, 125, 44

HSL

85.2, 47.9%, 33.1%

HSV

85.2, 64.8%, 49.0%

CMYK

27.2%, 0.0%, 64.8%, 51.0%

OKLCH

0.5459 0.116 129.0

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#5B7D2C

#4E2C7D

Analogous

#7D762C

#327D2C

#5B7D2C

Triadic

#5B7D2C

#2C5B7D

#7D2C5B

Split Complementary

#5B7D2C

#2C327D

#762C7D

Tetradic

#5B7D2C

#2C7D76

#4E2C7D

#7D2C32

Color Blindness Simulation

Original

#5B7D2C

Protanopia

#6A6A40

Deuteranopia

#686544

Tritanopia

#5D4F52

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EEF4E6
200
#DEECCA
300
#C6DFA4
400
#A8CE73
500
#89BD42
600
#6E9735
700
#58792B
800
#455E21
900
#34451C
950
#212C11

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

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