#97BDEC

#97BDEC

Color Values

HEX

#97BDEC

RGB

151, 189, 236

HSL

213.2, 69.1%, 75.9%

HSV

213.2, 36.0%, 92.5%

CMYK

36.0%, 19.9%, 0.0%, 7.5%

OKLCH

0.7877 0.0789 254.0

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#97BDEC

#ECC697

Analogous

#97E7EC

#9C97EC

#97BDEC

Triadic

#97BDEC

#EC97BD

#BDEC97

Split Complementary

#97BDEC

#EC9C97

#E7EC97

Tetradic

#97BDEC

#EC97E7

#ECC697

#97EC9C

Color Blindness Simulation

Original

#97BDEC

Protanopia

#A7A8E1

Deuteranopia

#A5A2DE

Tritanopia

#99D8D6

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3ECF8
200
#C3D9F4
300
#98BDEC
400
#5F9AE2
500
#2776D8
600
#205EAC
700
#194C8A
800
#143B6C
900
#122D4F
950
#0C1D32

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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