#97B2CE

#97B2CE

Color Values

HEX

#97B2CE

RGB

151, 178, 206

HSL

210,5, 35,9%, 70,0%

HSV

210,5, 26,7%, 80,8%

CMYK

26,7%, 13,6%, 0,0%, 19,2%

OKLCH

0,7528 0,0502 249,4

Properties

Cool Light Nearest: lightsteelblue 3

Color Harmonies

Complementary

#97B2CE

#CEB397

Analogous

#97CECE

#9797CE

#97B2CE

Triadic

#97B2CE

#CE97B2

#B2CE97

Split Complementary

#97B2CE

#CE9797

#CECE97

Tetradic

#97B2CE

#CE97CE

#CEB397

#97CE97

Color Blindness Simulation

Original

#97B2CE

Protanopia

#A3A3C7

Deuteranopia

#A19FC6

Tritanopia

#98C2C1

Achromatopsia

#AEAEAE

CSS Usage

background-color: #97B2CE;
color: #97B2CE;
border-color: #97B2CE;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CEDBE8
300
#ACC1D8
400
#7FA0C3
500
#527FAD
600
#41658B
700
#34516F
800
#293F57
900
#213040
950
#151E28

Contrast Checker

Text on white

2,19:1

AA Fail AAA Fail

Text on black

9,58: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