#97ECDF

#97ECDF

Color Values

HEX

#97ECDF

RGB

151, 236, 223

HSL

170.8, 69.1%, 75.9%

HSV

170.8, 36.0%, 92.5%

CMYK

36.0%, 0.0%, 5.5%, 7.5%

OKLCH

0.8853 0.0847 183.6

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#97ECDF

#EC97A4

Analogous

#97ECB5

#97CFEC

#97ECDF

Triadic

#97ECDF

#DF97EC

#ECDF97

Split Complementary

#97ECDF

#EC97CF

#ECB597

Tetradic

#97ECDF

#B597EC

#EC97A4

#CFEC97

Color Blindness Simulation

Original

#97ECDF

Protanopia

#BCBDE2

Deuteranopia

#B7B0E3

Tritanopia

#9BE5E5

Achromatopsia

#D9D9D9

CSS Usage

background-color: #97ECDF;
color: #97ECDF;
border-color: #97ECDF;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F3FCFA
100
#E3F8F4
200
#C3F4EC
300
#98ECDF
400
#5FE2CE
500
#27D8BD
600
#20AC97
700
#198A79
800
#146C5E
900
#124F45
950
#0C322C

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.38:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026