#97CBD2

#97CBD2

Color Values

HEX

#97CBD2

RGB

151, 203, 210

HSL

187.1, 39.6%, 70.8%

HSV

187.1, 28.1%, 82.4%

CMYK

28.1%, 3.3%, 0.0%, 17.6%

OKLCH

0.8082 0.0548 206.5

Properties

Cool Light Nearest: NCS S 0520-B10G Ice Blue

Color Harmonies

Complementary

#97CBD2

#D29E97

Analogous

#97D2BC

#97AED2

#97CBD2

Triadic

#97CBD2

#D297CB

#CBD297

Split Complementary

#97CBD2

#D297AE

#D2BC97

Tetradic

#97CBD2

#BC97D2

#D29E97

#AED297

Color Blindness Simulation

Original

#97CBD2

Protanopia

#AEAED0

Deuteranopia

#AAA7D0

Tritanopia

#9ACFCF

Achromatopsia

#C0C0C0

CSS Usage

background-color: #97CBD2;
color: #97CBD2;
border-color: #97CBD2;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE6E9
300
#AAD4DA
400
#7BBDC6
500
#4DA6B2
600
#3E858E
700
#316A72
800
#275359
900
#1F3E42
950
#14272A

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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