#97D0CF

#97D0CF

Color Values

HEX

#97D0CF

RGB

151, 208, 207

HSL

178,9, 37,7%, 70,4%

HSV

178,9, 27,4%, 81,6%

CMYK

27,4%, 0,0%, 0,5%, 18,4%

OKLCH

0,8183 0,0586 194,7

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#97D0CF

#D09798

Analogous

#97D0B2

#97B5D0

#97D0CF

Triadic

#97D0CF

#CF97D0

#D0CF97

Split Complementary

#97D0CF

#D097B5

#D0B297

Tetradic

#97D0CF

#B297D0

#D09798

#B5D097

Color Blindness Simulation

Original

#97D0CF

Protanopia

#B0B0CF

Deuteranopia

#ACA8CF

Tritanopia

#9ACFCF

Achromatopsia

#C4C4C4

CSS Usage

background-color: #97D0CF;
color: #97D0CF;
border-color: #97D0CF;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CEE9E8
300
#ABD9D8
400
#7DC4C3
500
#4FB0AE
600
#408C8B
700
#33706F
800
#285857
900
#204140
950
#142929

Contrast Checker

Text on white

1,72:1

AA Fail AAA Fail

Text on black

12,24: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