#97ED96

#97ED96

Color Values

HEX

#97ED96

RGB

151, 237, 150

HSL

119.3, 70.7%, 75.9%

HSV

119.3, 36.7%, 92.9%

CMYK

36.3%, 0.0%, 36.7%, 7.1%

OKLCH

0.8702 0.1445 144.0

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#97ED96

#EC96ED

Analogous

#C3ED96

#96EDC1

#97ED96

Triadic

#97ED96

#9697ED

#ED9697

Split Complementary

#97ED96

#C196ED

#ED96C3

Tetradic

#97ED96

#96C3ED

#EC96ED

#EDC196

Color Blindness Simulation

Original

#97ED96

Protanopia

#BCBDAB

Deuteranopia

#B7B1B0

Tritanopia

#9BBCBF

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E3F8E2
200
#C3F5C2
300
#98ED97
400
#60E35E
500
#27DA25
600
#20AE1E
700
#198B18
800
#146D13
900
#124F12
950
#0C320B

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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