#97B2D1

#97B2D1

Color Values

HEX

#97B2D1

RGB

151, 178, 209

HSL

212.1, 38.7%, 70.6%

HSV

212.1, 27.8%, 82.0%

CMYK

27.8%, 14.8%, 0.0%, 18.0%

OKLCH

0.7539 0.0538 252.1

Properties

Cool Light Nearest: lightsteelblue 3

Color Harmonies

Complementary

#97B2D1

#D1B697

Analogous

#97CFD1

#9997D1

#97B2D1

Triadic

#97B2D1

#D197B2

#B2D197

Split Complementary

#97B2D1

#D19997

#CFD197

Tetradic

#97B2D1

#D197CF

#D1B697

#97D199

Color Blindness Simulation

Original

#97B2D1

Protanopia

#A3A3CA

Deuteranopia

#A19FC8

Tritanopia

#98C4C2

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDAE9
300
#AAC0D9
400
#7C9EC5
500
#4E7CB1
600
#3F638D
700
#324F71
800
#273E58
900
#202F41
950
#141E29

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

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