#97BBDD

#97BBDD

Color Values

HEX

#97BBDD

RGB

151, 187, 221

HSL

209.1, 50.7%, 72.9%

HSV

209.1, 31.7%, 86.7%

CMYK

31.7%, 15.4%, 0.0%, 13.3%

OKLCH

0.7776 0.0624 247.2

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#97BBDD

#DDB997

Analogous

#97DDDC

#9798DD

#97BBDD

Triadic

#97BBDD

#DD97BB

#BBDD97

Split Complementary

#97BBDD

#DD9798

#DDDC97

Tetradic

#97BBDD

#DC97DD

#DDB997

#98DD97

Color Blindness Simulation

Original

#97BBDD

Protanopia

#A7A7D5

Deuteranopia

#A4A2D3

Tritanopia

#99CECD

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5EDF5
200
#C9DCED
300
#A3C3E1
400
#71A2D0
500
#3F81C0
600
#32689A
700
#28537B
800
#1F4160
900
#1A3147
950
#111F2D

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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