#AA7AC3

#AA7AC3

Color Values

HEX

#AA7AC3

RGB

170, 122, 195

HSL

279.5, 37.8%, 62.2%

HSV

279.5, 37.4%, 76.5%

CMYK

12.8%, 37.4%, 0.0%, 23.5%

OKLCH

0.6544 0.1175 313.5

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#AA7AC3

#93C37A

Analogous

#867AC3

#C37AB8

#AA7AC3

Triadic

#AA7AC3

#C3AA7A

#7AC3AA

Split Complementary

#AA7AC3

#B8C37A

#7AC386

Tetradic

#AA7AC3

#C3867A

#93C37A

#7AB8C3

Color Blindness Simulation

Original

#AA7AC3

Protanopia

#9595B1

Deuteranopia

#989CAD

Tritanopia

#A8A3A0

Achromatopsia

#898989

CSS Usage

background-color: #AA7AC3;
color: #AA7AC3;
border-color: #AA7AC3;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#E0CEE9
300
#C9ABD9
400
#AC7DC4
500
#8F4FB0
600
#723F8D
700
#5B3370
800
#472858
900
#362041
950
#221429

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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