#97EEA2

#97EEA2

Color Values

HEX

#97EEA2

RGB

151, 238, 162

HSL

127.6, 71.9%, 76.3%

HSV

127.6, 36.6%, 93.3%

CMYK

36.6%, 0.0%, 31.9%, 6.7%

OKLCH

0.8748 0.1341 147.4

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#97EEA2

#EE97E3

Analogous

#B8EE97

#97EECE

#97EEA2

Triadic

#97EEA2

#A297EE

#EEA297

Split Complementary

#97EEA2

#CE97EE

#EE97B8

Tetradic

#97EEA2

#97B8EE

#EE97E3

#EECE97

Color Blindness Simulation

Original

#97EEA2

Protanopia

#BDBDB4

Deuteranopia

#B8B1B9

Tritanopia

#9BC3C6

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E2F8E5
200
#C2F5C8
300
#96EEA1
400
#5DE46E
500
#24DB3B
600
#1DAF2F
700
#178C26
800
#126E1E
900
#115019
950
#0B3210

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.07:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026