#97B4D8

#97B4D8

Color Values

HEX

#97B4D8

RGB

151, 180, 216

HSL

213.2, 45.5%, 72.0%

HSV

213.2, 30.1%, 84.7%

CMYK

30.1%, 16.7%, 0.0%, 15.3%

OKLCH

0.7608 0.061 254.0

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#97B4D8

#D8BB97

Analogous

#97D5D8

#9B97D8

#97B4D8

Triadic

#97B4D8

#D897B4

#B4D897

Split Complementary

#97B4D8

#D89B97

#D5D897

Tetradic

#97B4D8

#D897D5

#D8BB97

#97D89B

Color Blindness Simulation

Original

#97B4D8

Protanopia

#A4A4CF

Deuteranopia

#A2A0CD

Tritanopia

#98C8C7

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CBDAEC
300
#A6BFDE
400
#769CCC
500
#4579BA
600
#386194
700
#2C4E77
800
#233D5D
900
#1D2E44
950
#121D2B

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

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