#97C8F0

#97C8F0

Color Values

HEX

#97C8F0

RGB

151, 200, 240

HSL

207.0, 74.8%, 76.7%

HSV

207.0, 37.1%, 94.1%

CMYK

37.1%, 16.7%, 0.0%, 5.9%

OKLCH

0.8125 0.0766 243.5

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#97C8F0

#F0BF97

Analogous

#97F0EC

#979CF0

#97C8F0

Triadic

#97C8F0

#F097C8

#C8F097

Split Complementary

#97C8F0

#F0979C

#F0EC97

Tetradic

#97C8F0

#EC97F0

#F0BF97

#9CF097

Color Blindness Simulation

Original

#97C8F0

Protanopia

#ACADE6

Deuteranopia

#A9A6E4

Tritanopia

#99DFDD

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E2EEF8
200
#C1DEF6
300
#94C6F0
400
#5AA8E7
500
#2089DF
600
#1A6EB2
700
#15588F
800
#10456F
900
#103451
950
#0A2133

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.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