#97DACC

#97DACC

Color Values

HEX

#97DACC

RGB

151, 218, 204

HSL

167.5, 47.5%, 72.4%

HSV

167.5, 30.7%, 85.5%

CMYK

30.7%, 0.0%, 6.4%, 14.5%

OKLCH

0.8396 0.0705 180.0

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#97DACC

#DA97A5

Analogous

#97DAAB

#97C7DA

#97DACC

Triadic

#97DACC

#CC97DA

#DACC97

Split Complementary

#97DACC

#DA97C7

#DAAB97

Tetradic

#97DACC

#AB97DA

#DA97A5

#C7DA97

Color Blindness Simulation

Original

#97DACC

Protanopia

#B4B5CF

Deuteranopia

#B0ABD0

Tritanopia

#9AD2D3

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F4FAF9
100
#E6F4F1
200
#CAECE5
300
#A5DFD3
400
#74CDBB
500
#43BCA3
600
#369682
700
#2B7868
800
#215E51
900
#1C453D
950
#122C26

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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