#9DAA2C

#9DAA2C

Color Values

HEX

#9DAA2C

RGB

157, 170, 44

HSL

66.2, 58.9%, 42.0%

HSV

66.2, 74.1%, 66.7%

CMYK

7.6%, 0.0%, 74.1%, 33.3%

OKLCH

0.705 0.1448 115.4

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#9DAA2C

#392CAA

Analogous

#AA782C

#5EAA2C

#9DAA2C

Triadic

#9DAA2C

#2C9DAA

#AA2C9D

Split Complementary

#9DAA2C

#2C5EAA

#782CAA

Tetradic

#9DAA2C

#2CAA78

#392CAA

#AA2C5E

Color Blindness Simulation

Original

#9DAA2C

Protanopia

#A3A34A

Deuteranopia

#A2A152

Tritanopia

#9E6368

Achromatopsia

#9E9E9E

CSS Usage

background-color: #9DAA2C;
color: #9DAA2C;
border-color: #9DAA2C;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#FAFBF4
100
#F4F6E4
200
#ECF0C6
300
#DEE69E
400
#CDD869
500
#BBCB34
600
#96A22A
700
#788222
800
#5E651A
900
#454A17
950
#2B2F0E

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.22:1

AA Pass AAA Pass

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