#97AEED

#97AEED

Color Values

HEX

#97AEED

RGB

151, 174, 237

HSL

224.0, 70.5%, 76.1%

HSV

224.0, 36.3%, 92.9%

CMYK

36.3%, 26.6%, 0.0%, 7.1%

OKLCH

0.757 0.0947 268.6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#97AEED

#EDD697

Analogous

#97D9ED

#AB97ED

#97AEED

Triadic

#97AEED

#ED97AE

#AEED97

Split Complementary

#97AEED

#EDAB97

#D9ED97

Tetradic

#97AEED

#ED97D9

#EDD697

#97EDAB

Color Blindness Simulation

Original

#97AEED

Protanopia

#A1A1DE

Deuteranopia

#A09EDA

Tritanopia

#98D2CF

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E2E8F8
200
#C2D0F4
300
#97AEED
400
#5E82E3
500
#2656D9
600
#1E44AE
700
#18378B
800
#132B6D
900
#12224F
950
#0B1632

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

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