#97BBE6

#97BBE6

Color Values

HEX

#97BBE6

RGB

151, 187, 230

HSL

212.7, 61.2%, 74.7%

HSV

212.7, 34.3%, 90.2%

CMYK

34.3%, 18.7%, 0.0%, 9.8%

OKLCH

0.781 0.073 253.2

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#97BBE6

#E6C297

Analogous

#97E2E6

#9B97E6

#97BBE6

Triadic

#97BBE6

#E697BB

#BBE697

Split Complementary

#97BBE6

#E69B97

#E2E697

Tetradic

#97BBE6

#E697E2

#E6C297

#97E69B

Color Blindness Simulation

Original

#97BBE6

Protanopia

#A7A7DC

Deuteranopia

#A4A2D9

Tritanopia

#99D3D2

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F3F7FB
100
#E4ECF6
200
#C5D9F1
300
#9CBEE7
400
#679BDA
500
#3178CE
600
#2860A4
700
#204D84
800
#193C67
900
#162E4B
950
#0E1D2F

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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