#97C7D2

#97C7D2

Color Values

HEX

#97C7D2

RGB

151, 199, 210

HSL

191.2, 39.6%, 70.8%

HSV

191.2, 28.1%, 82.4%

CMYK

28.1%, 5.2%, 0.0%, 17.6%

OKLCH

0.7995 0.0526 213.3

Properties

Cool Light Nearest: NCS S 0520-B10G Ice Blue

Color Harmonies

Complementary

#97C7D2

#D2A297

Analogous

#97D2C0

#97AAD2

#97C7D2

Triadic

#97C7D2

#D297C7

#C7D297

Split Complementary

#97C7D2

#D297AA

#D2C097

Tetradic

#97C7D2

#C097D2

#D2A297

#AAD297

Color Blindness Simulation

Original

#97C7D2

Protanopia

#ACACCF

Deuteranopia

#A9A5CF

Tritanopia

#99CDCD

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CDE4E9
300
#AAD1DA
400
#7BB8C6
500
#4D9FB2
600
#3E7F8E
700
#316672
800
#275059
900
#1F3B42
950
#14252A

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

11.42:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026