#97B8DB

#97B8DB

Color Values

HEX

#97B8DB

RGB

151, 184, 219

HSL

210.9, 48.6%, 72.5%

HSV

210.9, 31.1%, 85.9%

CMYK

31.1%, 16.0%, 0.0%, 14.1%

OKLCH

0.7704 0.0619 250.1

Properties

Cool Light Nearest: lightsteelblue 3

Color Harmonies

Complementary

#97B8DB

#DBBA97

Analogous

#97DADB

#9897DB

#97B8DB

Triadic

#97B8DB

#DB97B8

#B8DB97

Split Complementary

#97B8DB

#DB9897

#DADB97

Tetradic

#97B8DB

#DB97DA

#DBBA97

#97DB98

Color Blindness Simulation

Original

#97B8DB

Protanopia

#A5A6D3

Deuteranopia

#A3A1D0

Tritanopia

#99CCCA

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E6EDF5
200
#CADBED
300
#A4C1E0
400
#739FCF
500
#427EBD
600
#346598
700
#2A5079
800
#213F5F
900
#1B3046
950
#111E2C

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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