#97D5CD

#97D5CD

Color Values

HEX

#97D5CD

RGB

151, 213, 205

HSL

172.3, 42.5%, 71.4%

HSV

172.3, 29.1%, 83.5%

CMYK

29.1%, 0.0%, 3.8%, 16.5%

OKLCH

0.8287 0.0642 186.0

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#97D5CD

#D5979F

Analogous

#97D5AE

#97BED5

#97D5CD

Triadic

#97D5CD

#CD97D5

#D5CD97

Split Complementary

#97D5CD

#D597BE

#D5AE97

Tetradic

#97D5CD

#AE97D5

#D5979F

#BED597

Color Blindness Simulation

Original

#97D5CD

Protanopia

#B2B2CF

Deuteranopia

#AEAACF

Tritanopia

#9AD0D1

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E7F4F2
200
#CCEAE7
300
#A8DCD5
400
#79C9BE
500
#49B6A8
600
#3B9186
700
#2F746B
800
#255B54
900
#1E433E
950
#132A27

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.72:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026