#97C5F2

#97C5F2

Color Values

HEX

#97C5F2

RGB

151, 197, 242

HSL

209.7, 77.8%, 77.1%

HSV

209.7, 37.6%, 94.9%

CMYK

37.6%, 18.6%, 0.0%, 5.1%

OKLCH

0.8069 0.0805 248.3

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#97C5F2

#F2C497

Analogous

#97F2F2

#9798F2

#97C5F2

Triadic

#97C5F2

#F297C5

#C5F297

Split Complementary

#97C5F2

#F29798

#F2F297

Tetradic

#97C5F2

#F297F2

#F2C497

#98F297

Color Blindness Simulation

Original

#97C5F2

Protanopia

#ABABE7

Deuteranopia

#A8A5E4

Tritanopia

#99DFDD

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1EDF9
200
#C0DCF7
300
#92C2F1
400
#57A1EA
500
#1C80E3
600
#1767B5
700
#125291
800
#0E4071
900
#0F3152
950
#091F34

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

11.58:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026