#97EE96

#97EE96

Color Values

HEX

#97EE96

RGB

151, 238, 150

HSL

119.3, 72.1%, 76.1%

HSV

119.3, 37.0%, 93.3%

CMYK

36.6%, 0.0%, 37.0%, 6.7%

OKLCH

0.8725 0.146 144.0

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#97EE96

#ED96EE

Analogous

#C3EE96

#96EEC1

#97EE96

Triadic

#97EE96

#9697EE

#EE9697

Split Complementary

#97EE96

#C196EE

#EE96C3

Tetradic

#97EE96

#96C3EE

#ED96EE

#EEC196

Color Blindness Simulation

Original

#97EE96

Protanopia

#BDBDAB

Deuteranopia

#B8B1B0

Tritanopia

#9BBCC0

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E2F8E2
200
#C2F5C2
300
#97EE96
400
#5EE55D
500
#26DB24
600
#1EB01C
700
#188C17
800
#136E12
900
#125011
950
#0B320B

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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