#AAA1EF

#AAA1EF

Color Values

HEX

#AAA1EF

RGB

170, 161, 239

HSL

246.9, 70.9%, 78.4%

HSV

246.9, 32.6%, 93.7%

CMYK

28.9%, 32.6%, 0.0%, 6.3%

OKLCH

0.7462 0.1113 288.7

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#AAA1EF

#E6EFA1

Analogous

#A1BFEF

#D1A1EF

#AAA1EF

Triadic

#AAA1EF

#EFAAA1

#A1EFAA

Split Complementary

#AAA1EF

#EFD1A1

#BFEFA1

Tetradic

#AAA1EF

#EFA1BF

#E6EFA1

#A1EFD1

Color Blindness Simulation

Original

#AAA1EF

Protanopia

#A6A6DC

Deuteranopia

#A7A7D8

Tritanopia

#AACDCA

Achromatopsia

#A9A9A9

CSS Usage

background-color: #AAA1EF;
color: #AAA1EF;
border-color: #AAA1EF;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F4F3FC
100
#E5E2F8
200
#C8C2F5
300
#A096ED
400
#6D5EE4
500
#3A25DA
600
#2E1EAE
700
#25188B
800
#1D136D
900
#19124F
950
#100B32

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

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