#AAA3DC

#AAA3DC

Color Values

HEX

#AAA3DC

RGB

170, 163, 220

HSL

247,4, 44,9%, 75,1%

HSV

247,4, 25,9%, 86,3%

CMYK

22,7%, 25,9%, 0,0%, 13,7%

OKLCH

0,7417 0,0817 289,9

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AAA3DC

#D5DCA3

Analogous

#A3B8DC

#C7A3DC

#AAA3DC

Triadic

#AAA3DC

#DCAAA3

#A3DCAA

Split Complementary

#AAA3DC

#DCC7A3

#B8DCA3

Tetradic

#AAA3DC

#DCA3B8

#D5DCA3

#A3DCC7

Color Blindness Simulation

Original

#AAA3DC

Protanopia

#A7A7CE

Deuteranopia

#A7A8CB

Tritanopia

#AAC3C1

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#CFCBEB
300
#ADA6DD
400
#8176CB
500
#5446B9
600
#433894
700
#362D76
800
#2A235C
900
#221D44
950
#15122B

Contrast Checker

Text on white

2,34:1

AA Fail AAA Fail

Text on black

8,98:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026