#AA7BBD

#AA7BBD

Color Values

HEX

#AA7BBD

RGB

170, 123, 189

HSL

282.7, 33.3%, 61.2%

HSV

282.7, 34.9%, 74.1%

CMYK

10.1%, 34.9%, 0.0%, 25.9%

OKLCH

0.6534 0.1086 315.9

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#AA7BBD

#8EBD7B

Analogous

#897BBD

#BD7BAF

#AA7BBD

Triadic

#AA7BBD

#BDAA7B

#7BBDAA

Split Complementary

#AA7BBD

#AFBD7B

#7BBD89

Tetradic

#AA7BBD

#BD897B

#8EBD7B

#7BAFBD

Color Blindness Simulation

Original

#AA7BBD

Protanopia

#9695AD

Deuteranopia

#989CA9

Tritanopia

#A8A09E

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#E0CFE7
300
#CAADD6
400
#AE81C0
500
#9155AA
600
#744488
700
#5D366D
800
#492B55
900
#37223F
950
#221528

Contrast Checker

Text on white

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