#AA7ABC

#AA7ABC

Color Values

HEX

#AA7ABC

RGB

170, 122, 188

HSL

283,6, 33,0%, 60,8%

HSV

283,6, 35,1%, 73,7%

CMYK

9,6%, 35,1%, 0,0%, 26,3%

OKLCH

0,6512 0,1092 316,5

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#AA7ABC

#8CBC7A

Analogous

#897ABC

#BC7AAD

#AA7ABC

Triadic

#AA7ABC

#BCAA7A

#7ABCAA

Split Complementary

#AA7ABC

#ADBC7A

#7ABC89

Tetradic

#AA7ABC

#BC897A

#8CBC7A

#7AADBC

Color Blindness Simulation

Original

#AA7ABC

Protanopia

#9595AC

Deuteranopia

#989CA8

Tritanopia

#A89F9D

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EFE8F2
200
#E1D0E7
300
#CBAED6
400
#AF82C0
500
#9355AA
600
#754488
700
#5E376D
800
#492B55
900
#37223F
950
#231628

Contrast Checker

Text on white

3,38:1

AA Fail AAA Fail

Text on black

6,22: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