#AAADF4

#AAADF4

Color Values

HEX

#AAADF4

RGB

170, 173, 244

HSL

237.6, 77.1%, 81.2%

HSV

237.6, 30.3%, 95.7%

CMYK

30.3%, 29.1%, 0.0%, 4.3%

OKLCH

0.7716 0.1012 281.9

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AAADF4

#F4F1AA

Analogous

#AAD2F4

#CCAAF4

#AAADF4

Triadic

#AAADF4

#F4AAAD

#ADF4AA

Split Complementary

#AAADF4

#F4CCAA

#D2F4AA

Tetradic

#AAADF4

#F4AAD2

#F4F1AA

#AAF4CC

Color Blindness Simulation

Original

#AAADF4

Protanopia

#ABABE3

Deuteranopia

#ABABDF

Tritanopia

#AAD5D2

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E1E2F9
200
#C0C2F7
300
#9396F1
400
#585EE9
500
#1D25E2
600
#171EB5
700
#131891
800
#0F1371
900
#0F1252
950
#090B34

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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