#97B1CC

#97B1CC

Color Values

HEX

#97B1CC

RGB

151, 177, 204

HSL

210.6, 34.2%, 69.6%

HSV

210.6, 26.0%, 80.0%

CMYK

26.0%, 13.2%, 0.0%, 20.0%

OKLCH

0.7499 0.0485 249.5

Properties

Cool Light Nearest: lightsteelblue 3

Color Harmonies

Complementary

#97B1CC

#CCB297

Analogous

#97CBCC

#9797CC

#97B1CC

Triadic

#97B1CC

#CC97B1

#B1CC97

Split Complementary

#97B1CC

#CC9797

#CBCC97

Tetradic

#97B1CC

#CC97CB

#CCB297

#97CC97

Color Blindness Simulation

Original

#97B1CC

Protanopia

#A2A2C5

Deuteranopia

#A19FC4

Tritanopia

#98C0BF

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDBE8
300
#ADC1D7
400
#80A0C1
500
#547FAB
600
#436589
700
#36516E
800
#2A3F56
900
#22303F
950
#151E28

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

9.48:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026