#96AA22

#96AA22

Color Values

HEX

#96AA22

RGB

150, 170, 34

HSL

68.8, 66.7%, 40.0%

HSV

68.8, 80.0%, 66.7%

CMYK

11.8%, 0.0%, 80.0%, 33.3%

OKLCH

0.6989 0.1526 118.2

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#96AA22

#3622AA

Analogous

#AA7A22

#52AA22

#96AA22

Triadic

#96AA22

#2296AA

#AA2296

Split Complementary

#96AA22

#2252AA

#7A22AA

Tetradic

#96AA22

#22AA7A

#3622AA

#AA2252

Color Blindness Simulation

Original

#96AA22

Protanopia

#9F9F43

Deuteranopia

#9E9C4B

Tritanopia

#975D63

Achromatopsia

#9C9C9C

CSS Usage

background-color: #96AA22;
color: #96AA22;
border-color: #96AA22;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#FAFCF3
100
#F4F7E3
200
#ECF3C3
300
#DFEB99
400
#CDE062
500
#BCD52A
600
#96AA22
700
#78881B
800
#5E6A15
900
#454E13
950
#2C310C

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

8.07:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026