#AA6ADB

#AA6ADB

Color Values

HEX

#AA6ADB

RGB

170, 106, 219

HSL

274.0, 61.1%, 63.7%

HSV

274.0, 51.6%, 85.9%

CMYK

22.4%, 51.6%, 0.0%, 14.1%

OKLCH

0.6404 0.1725 308.4

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AA6ADB

#9BDB6A

Analogous

#716ADB

#DB6AD3

#AA6ADB

Triadic

#AA6ADB

#DBAA6A

#6ADBAA

Split Complementary

#AA6ADB

#D3DB6A

#6ADB71

Tetradic

#AA6ADB

#DB716A

#9BDB6A

#6AD3DB

Color Blindness Simulation

Original

#AA6ADB

Protanopia

#8E8EC0

Deuteranopia

#9297B9

Tritanopia

#A7AAA5

Achromatopsia

#808080

CSS Usage

background-color: #AA6ADB;
color: #AA6ADB;
border-color: #AA6ADB;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F3FB
100
#EEE4F6
200
#DEC5F1
300
#C79CE7
400
#A867DA
500
#8A32CD
600
#6E28A4
700
#582083
800
#451967
900
#34164B
950
#210E2F

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

5.79:1

AA Pass AAA Fail

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