#97ED9F

#97ED9F

Color Values

HEX

#97ED9F

RGB

151, 237, 159

HSL

125.6, 70.5%, 76.1%

HSV

125.6, 36.3%, 92.9%

CMYK

36.3%, 0.0%, 32.9%, 7.1%

OKLCH

0.8719 0.1356 146.5

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#97ED9F

#ED97E5

Analogous

#BAED97

#97EDCA

#97ED9F

Triadic

#97ED9F

#9F97ED

#ED9F97

Split Complementary

#97ED9F

#CA97ED

#ED97BA

Tetradic

#97ED9F

#97BAED

#ED97E5

#EDCA97

Color Blindness Simulation

Original

#97ED9F

Protanopia

#BCBDB2

Deuteranopia

#B7B1B6

Tritanopia

#9BC1C4

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E2F8E4
200
#C2F4C7
300
#97ED9F
400
#5EE36B
500
#26D936
600
#1EAE2C
700
#188B23
800
#136D1B
900
#124F17
950
#0B320F

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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