#97B0EC

#97B0EC

Color Values

HEX

#97B0EC

RGB

151, 176, 236

HSL

222.4, 69.1%, 75.9%

HSV

222.4, 36.0%, 92.5%

CMYK

36.0%, 25.4%, 0.0%, 7.5%

OKLCH

0.7606 0.0911 266.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#97B0EC

#ECD397

Analogous

#97DAEC

#A997EC

#97B0EC

Triadic

#97B0EC

#EC97B0

#B0EC97

Split Complementary

#97B0EC

#ECA997

#DAEC97

Tetradic

#97B0EC

#EC97DA

#ECD397

#97ECA9

Color Blindness Simulation

Original

#97B0EC

Protanopia

#A2A2DD

Deuteranopia

#A09EDA

Tritanopia

#98D2D0

Achromatopsia

#AFAFAF

CSS Usage

background-color: #97B0EC;
color: #97B0EC;
border-color: #97B0EC;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F3F5FC
100
#E3E9F8
200
#C3D1F4
300
#98B0EC
400
#5F86E2
500
#275BD8
600
#2049AC
700
#193A8A
800
#142E6C
900
#12244F
950
#0C1732

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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