#AAAEFC

#AAAEFC

Color Values

HEX

#AAAEFC

RGB

170, 174, 252

HSL

237.1, 93.2%, 82.7%

HSV

237.1, 32.5%, 98.8%

CMYK

32.5%, 31.0%, 0.0%, 1.2%

OKLCH

0.7771 0.111 281.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#AAAEFC

#FCF8AA

Analogous

#AAD7FC

#CFAAFC

#AAAEFC

Triadic

#AAAEFC

#FCAAAE

#AEFCAA

Split Complementary

#AAAEFC

#FCCFAA

#D7FCAA

Tetradic

#AAAEFC

#FCAAD7

#FCF8AA

#AAFCCF

Color Blindness Simulation

Original

#AAAEFC

Protanopia

#ACACE9

Deuteranopia

#ACABE5

Tritanopia

#AADAD7

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BABDFD
300
#898EFB
400
#4951F9
500
#0914F6
600
#0710C5
700
#060D9E
800
#040A7B
900
#080C59
950
#050738

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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