#97D697

#97D697

Color Values

HEX

#97D697

RGB

151, 214, 151

HSL

120.0, 43.4%, 71.6%

HSV

120.0, 29.4%, 83.9%

CMYK

29.4%, 0.0%, 29.4%, 16.1%

OKLCH

0.8173 0.1083 144.5

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#97D697

#D697D6

Analogous

#B7D697

#97D6B7

#97D697

Triadic

#97D697

#9797D6

#D69797

Split Complementary

#97D697

#B797D6

#D697B7

Tetradic

#97D697

#97B7D6

#D697D6

#D6B797

Color Blindness Simulation

Original

#97D697

Protanopia

#B2B3A6

Deuteranopia

#AFAAAA

Tritanopia

#9AB2B5

Achromatopsia

#C4C4C4

CSS Usage

background-color: #97D697;
color: #97D697;
border-color: #97D697;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF5
100
#E7F4E7
200
#CCEBCC
300
#A7DCA7
400
#78CA78
500
#48B748
600
#3A923A
700
#2E752E
800
#245B24
900
#1E431E
950
#132B13

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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