#ADAEF4

#ADAEF4

Color Values

HEX

#ADAEF4

RGB

173, 174, 244

HSL

239.2, 76.3%, 81.8%

HSV

239.2, 29.1%, 95.7%

CMYK

29.1%, 28.7%, 0.0%, 4.3%

OKLCH

0.7758 0.0994 283.2

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ADAEF4

#F4F3AD

Analogous

#ADD2F4

#D0ADF4

#ADAEF4

Triadic

#ADAEF4

#F4ADAE

#AEF4AD

Split Complementary

#ADAEF4

#F4D0AD

#D2F4AD

Tetradic

#ADAEF4

#F4ADD2

#F4F3AD

#ADF4D0

Color Blindness Simulation

Original

#ADAEF4

Protanopia

#ADADE3

Deuteranopia

#ADADDF

Tritanopia

#ADD6D3

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E2E2F9
200
#C0C1F7
300
#9394F0
400
#595BE9
500
#1E21E1
600
#181AB4
700
#131590
800
#0F1070
900
#0F1052
950
#0A0A34

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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