#AAAAF1

#AAAAF1

Color Values

HEX

#AAAAF1

RGB

170, 170, 241

HSL

240.0, 71.7%, 80.6%

HSV

240.0, 29.5%, 94.5%

CMYK

29.5%, 29.5%, 0.0%, 5.5%

OKLCH

0.7644 0.1011 283.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AAAAF1

#F1F1AA

Analogous

#AACEF1

#CEAAF1

#AAAAF1

Triadic

#AAAAF1

#F1AAAA

#AAF1AA

Split Complementary

#AAAAF1

#F1CEAA

#CEF1AA

Tetradic

#AAAAF1

#F1AACE

#F1F1AA

#AAF1CE

Color Blindness Simulation

Original

#AAAAF1

Protanopia

#AAAAE0

Deuteranopia

#AAAADC

Tritanopia

#AAD2CF

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E2E2F8
200
#C2C2F5
300
#9696EE
400
#5D5DE4
500
#2424DB
600
#1D1DAF
700
#17178C
800
#12126D
900
#111150
950
#0B0B32

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

9.73:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026