#97C8C2

#97C8C2

Color Values

HEX

#97C8C2

RGB

151, 200, 194

HSL

172.7, 30.8%, 68.8%

HSV

172.7, 24.5%, 78.4%

CMYK

24.5%, 0.0%, 3.0%, 21.6%

OKLCH

0.7966 0.052 186.9

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#97C8C2

#C8979D

Analogous

#97C8A9

#97B5C8

#97C8C2

Triadic

#97C8C2

#C297C8

#C8C297

Split Complementary

#97C8C2

#C897B5

#C8A997

Tetradic

#97C8C2

#A997C8

#C8979D

#B5C897

Color Blindness Simulation

Original

#97C8C2

Protanopia

#ACADC3

Deuteranopia

#A9A6C4

Tritanopia

#99C5C5

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F2F1
200
#D0E6E4
300
#AFD5D0
400
#84BEB7
500
#58A79D
600
#47857E
700
#386B65
800
#2C534F
900
#233E3B
950
#162725

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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