#AA7FC3

#AA7FC3

Color Values

HEX

#AA7FC3

RGB

170, 127, 195

HSL

277.9, 36.2%, 63.1%

HSV

277.9, 34.9%, 76.5%

CMYK

12.8%, 34.9%, 0.0%, 23.5%

OKLCH

0.6632 0.1086 312.5

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#AA7FC3

#98C37F

Analogous

#887FC3

#C37FBA

#AA7FC3

Triadic

#AA7FC3

#C3AA7F

#7FC3AA

Split Complementary

#AA7FC3

#BAC37F

#7FC388

Tetradic

#AA7FC3

#C3887F

#98C37F

#7FBAC3

Color Blindness Simulation

Original

#AA7FC3

Protanopia

#9797B3

Deuteranopia

#9A9DAF

Tritanopia

#A8A6A3

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F3
200
#DFCEE8
300
#C8ACD8
400
#AA7EC3
500
#8C51AE
600
#70418B
700
#59346F
800
#462957
900
#352140
950
#211529

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

6.53:1

AA Pass AAA Fail

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