#9DAF4D

#9DAF4D

Color Values

HEX

#9DAF4D

RGB

157, 175, 77

HSL

71.0, 38.9%, 49.4%

HSV

71.0, 56.0%, 68.6%

CMYK

10.3%, 0.0%, 56.0%, 31.4%

OKLCH

0.7195 0.1255 118.4

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#9DAF4D

#5F4DAF

Analogous

#AF904D

#6CAF4D

#9DAF4D

Triadic

#9DAF4D

#4D9DAF

#AF4D9D

Split Complementary

#9DAF4D

#4D6CAF

#904DAF

Tetradic

#9DAF4D

#4DAF90

#5F4DAF

#AF4D6C

Color Blindness Simulation

Original

#9DAF4D

Protanopia

#A5A565

Deuteranopia

#A4A26A

Tritanopia

#9E777C

Achromatopsia

#A4A4A4

CSS Usage

background-color: #9DAF4D;
color: #9DAF4D;
border-color: #9DAF4D;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F9FAF5
100
#F1F3E7
200
#E4E9CD
300
#D1DAAA
400
#B8C57C
500
#9FB14E
600
#7F8E3E
700
#667132
800
#4F5927
900
#3B411F
950
#252914

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

8.67:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026