#97AEEC

#97AEEC

Color Values

HEX

#97AEEC

RGB

151, 174, 236

HSL

223.8, 69.1%, 75.9%

HSV

223.8, 36.0%, 92.5%

CMYK

36.0%, 26.3%, 0.0%, 7.5%

OKLCH

0.7565 0.0933 268.4

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#97AEEC

#ECD597

Analogous

#97D8EC

#AB97EC

#97AEEC

Triadic

#97AEEC

#EC97AE

#AEEC97

Split Complementary

#97AEEC

#ECAB97

#D8EC97

Tetradic

#97AEEC

#EC97D8

#ECD597

#97ECAB

Color Blindness Simulation

Original

#97AEEC

Protanopia

#A1A1DD

Deuteranopia

#A09ED9

Tritanopia

#98D1CF

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E8F8
200
#C3D0F4
300
#98AEEC
400
#5F83E2
500
#2757D8
600
#2046AC
700
#19388A
800
#142B6C
900
#12234F
950
#0C1632

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

9.58:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026