#AA90C4

#AA90C4

Color Values

HEX

#AA90C4

RGB

170, 144, 196

HSL

270.0, 30.6%, 66.7%

HSV

270.0, 26.5%, 76.9%

CMYK

13.3%, 26.5%, 0.0%, 23.1%

OKLCH

0.6951 0.0799 307.2

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#AA90C4

#AAC490

Analogous

#9090C4

#C490C4

#AA90C4

Triadic

#AA90C4

#C4AA90

#90C4AA

Split Complementary

#AA90C4

#C4C490

#90C490

Tetradic

#AA90C4

#C49090

#AAC490

#90C4C4

Color Blindness Simulation

Original

#AA90C4

Protanopia

#9F9FB7

Deuteranopia

#A0A2B4

Tritanopia

#A9ADAB

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#EDE9F2
200
#DBD0E6
300
#C2AFD5
400
#A184BE
500
#8058A7
600
#664785
700
#52396B
800
#402C53
900
#30233E
950
#1F1627

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

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