#97BDF6

#97BDF6

Color Values

HEX

#97BDF6

RGB

151, 189, 246

HSL

216.0, 84.1%, 77.8%

HSV

216.0, 38.6%, 96.5%

CMYK

38.6%, 23.2%, 0.0%, 3.5%

OKLCH

0.7918 0.0914 258.3

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#97BDF6

#F6D097

Analogous

#97ECF6

#A097F6

#97BDF6

Triadic

#97BDF6

#F697BD

#BDF697

Split Complementary

#97BDF6

#F6A097

#ECF697

Tetradic

#97BDF6

#F697EC

#F6D097

#97F6A0

Color Blindness Simulation

Original

#97BDF6

Protanopia

#A7A8E8

Deuteranopia

#A5A2E5

Tritanopia

#99DDDB

Achromatopsia

#B9B9B9

CSS Usage

background-color: #97BDF6;
color: #97BDF6;
border-color: #97BDF6;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F6FD
100
#E0EBFA
200
#BDD5F9
300
#8EB8F5
400
#5191F0
500
#146AEB
600
#1055BC
700
#0D4496
800
#0A3575
900
#0C2955
950
#071A36

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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