#AA8ACA

#AA8ACA

Color Values

HEX

#AA8ACA

RGB

170, 138, 202

HSL

270.0, 37.6%, 66.7%

HSV

270.0, 31.7%, 79.2%

CMYK

15.8%, 31.7%, 0.0%, 20.8%

OKLCH

0.6863 0.0982 306.8

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#AA8ACA

#AACA8A

Analogous

#8A8ACA

#CA8ACA

#AA8ACA

Triadic

#AA8ACA

#CAAA8A

#8ACAAA

Split Complementary

#AA8ACA

#CACA8A

#8ACA8A

Tetradic

#AA8ACA

#CA8A8A

#AACA8A

#8ACACA

Color Blindness Simulation

Original

#AA8ACA

Protanopia

#9C9CBB

Deuteranopia

#9EA0B7

Tritanopia

#A8AEAC

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DBCEE9
300
#C2ABD9
400
#A17DC4
500
#8050AF
600
#66408C
700
#523370
800
#402858
900
#302041
950
#1F1429

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

7.2:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026