#97AA22

#97AA22

Color Values

HEX

#97AA22

RGB

151, 170, 34

HSL

68.4, 66.7%, 40.0%

HSV

68.4, 80.0%, 66.7%

CMYK

11.2%, 0.0%, 80.0%, 33.3%

OKLCH

0.6997 0.1522 117.8

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#97AA22

#3522AA

Analogous

#AA7922

#53AA22

#97AA22

Triadic

#97AA22

#2297AA

#AA2297

Split Complementary

#97AA22

#2253AA

#7922AA

Tetradic

#97AA22

#22AA79

#3522AA

#AA2253

Color Blindness Simulation

Original

#97AA22

Protanopia

#9F9F43

Deuteranopia

#9E9D4B

Tritanopia

#985D63

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#FAFCF3
100
#F4F7E3
200
#ECF3C3
300
#DFEB99
400
#CEE062
500
#BDD52A
600
#97AA22
700
#79881B
800
#5E6A15
900
#454E13
950
#2C310C

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

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