#97DCD4

#97DCD4

Color Values

HEX

#97DCD4

RGB

151, 220, 212

HSL

173.0, 49.6%, 72.7%

HSV

173.0, 31.4%, 86.3%

CMYK

31.4%, 0.0%, 3.6%, 13.7%

OKLCH

0.8464 0.0702 186.8

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#97DCD4

#DC979F

Analogous

#97DCB1

#97C1DC

#97DCD4

Triadic

#97DCD4

#D497DC

#DCD497

Split Complementary

#97DCD4

#DC97C1

#DCB197

Tetradic

#97DCD4

#B197DC

#DC979F

#C1DC97

Color Blindness Simulation

Original

#97DCD4

Protanopia

#B5B5D6

Deuteranopia

#B1ACD6

Tritanopia

#9AD7D8

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E6F5F3
200
#CAEDE9
300
#A3E0D9
400
#72CFC5
500
#40BFB0
600
#33998D
700
#297A71
800
#205F58
900
#1B4641
950
#112C29

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.5:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026