#97ECC9

#97ECC9

Color Values

HEX

#97ECC9

RGB

151, 236, 201

HSL

155.3, 69.1%, 75.9%

HSV

155.3, 36.0%, 92.5%

CMYK

36.0%, 0.0%, 14.8%, 7.5%

OKLCH

0.8792 0.0965 166.3

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#97ECC9

#EC97BA

Analogous

#97EC9F

#97E5EC

#97ECC9

Triadic

#97ECC9

#C997EC

#ECC997

Split Complementary

#97ECC9

#EC97E5

#EC9F97

Tetradic

#97ECC9

#9F97EC

#EC97BA

#E5EC97

Color Blindness Simulation

Original

#97ECC9

Protanopia

#BCBDD1

Deuteranopia

#B7B0D4

Tritanopia

#9BD8DA

Achromatopsia

#D7D7D7

CSS Usage

background-color: #97ECC9;
color: #97ECC9;
border-color: #97ECC9;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F3FCF8
100
#E3F8EF
200
#C3F4E0
300
#98ECC9
400
#5FE2AC
500
#27D88F
600
#20AC72
700
#198A5C
800
#146C48
900
#124F36
950
#0C3222

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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