#97AFEC

#97AFEC

Color Values

HEX

#97AFEC

RGB

151, 175, 236

HSL

223.1, 69.1%, 75.9%

HSV

223.1, 36.0%, 92.5%

CMYK

36.0%, 25.8%, 0.0%, 7.5%

OKLCH

0.7586 0.0922 267.6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#97AFEC

#ECD497

Analogous

#97D9EC

#AA97EC

#97AFEC

Triadic

#97AFEC

#EC97AF

#AFEC97

Split Complementary

#97AFEC

#ECAA97

#D9EC97

Tetradic

#97AFEC

#EC97D9

#ECD497

#97ECAA

Color Blindness Simulation

Original

#97AFEC

Protanopia

#A1A2DD

Deuteranopia

#A09EDA

Tritanopia

#98D2CF

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E9F8
200
#C3D1F4
300
#98AFEC
400
#5F84E2
500
#2759D8
600
#2047AC
700
#19398A
800
#142D6C
900
#12234F
950
#0C1632

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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