#97EE9E

#97EE9E

Color Values

HEX

#97EE9E

RGB

151, 238, 158

HSL

124.8, 71.9%, 76.3%

HSV

124.8, 36.6%, 93.3%

CMYK

36.6%, 0.0%, 33.6%, 6.7%

OKLCH

0.874 0.1381 146.1

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#97EE9E

#EE97E7

Analogous

#BCEE97

#97EECA

#97EE9E

Triadic

#97EE9E

#9E97EE

#EE9E97

Split Complementary

#97EE9E

#CA97EE

#EE97BC

Tetradic

#97EE9E

#97BCEE

#EE97E7

#EECA97

Color Blindness Simulation

Original

#97EE9E

Protanopia

#BDBDB1

Deuteranopia

#B8B1B6

Tritanopia

#9BC1C4

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E2F8E4
200
#C2F5C6
300
#96EE9D
400
#5DE468
500
#24DB32
600
#1DAF28
700
#178C20
800
#126E19
900
#115016
950
#0B320E

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

15.04:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026