#97BAED

#97BAED

Color Values

HEX

#97BAED

RGB

151, 186, 237

HSL

215,6, 70,5%, 76,1%

HSV

215,6, 36,3%, 92,9%

CMYK

36,3%, 21,5%, 0,0%, 7,1%

OKLCH

0,7818 0,0826 257,7

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#97BAED

#EDCA97

Analogous

#97E5ED

#9F97ED

#97BAED

Triadic

#97BAED

#ED97BA

#BAED97

Split Complementary

#97BAED

#ED9F97

#E5ED97

Tetradic

#97BAED

#ED97E5

#EDCA97

#97ED9F

Color Blindness Simulation

Original

#97BAED

Protanopia

#A6A6E1

Deuteranopia

#A4A2DE

Tritanopia

#99D7D5

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E2EBF8
200
#C2D7F4
300
#97BAED
400
#5E94E3
500
#266FD9
600
#1E59AE
700
#18478B
800
#13376D
900
#122B4F
950
#0B1B32

Contrast Checker

Text on white

1,99:1

AA Fail AAA Fail

Text on black

10,56: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