#AA0BA9

#AA0BA9

Color Values

HEX

#AA0BA9

RGB

170, 11, 169

HSL

300.4, 87.8%, 35.5%

HSV

300.4, 93.5%, 66.7%

CMYK

0.0%, 93.5%, 0.6%, 33.3%

OKLCH

0.52 0.2336 328.6

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AA0BA9

#0BAA0C

Analogous

#5C0BAA

#AA0B59

#AA0BA9

Triadic

#AA0BA9

#A9AA0B

#0BA9AA

Split Complementary

#AA0BA9

#59AA0B

#0BAA5C

Tetradic

#AA0BA9

#AA5C0B

#0BAA0C

#0B59AA

Color Blindness Simulation

Original

#AA0BA9

Protanopia

#656483

Deuteranopia

#6E7A7A

Tritanopia

#A2655E

Achromatopsia

#383838

CSS Usage

background-color: #AA0BA9;
color: #AA0BA9;
border-color: #AA0BA9;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FBBCFA
300
#F88CF7
400
#F34EF2
500
#EF10EE
600
#C00CBE
700
#990A98
800
#780877
900
#570A56
950
#370636

Contrast Checker

Text on white

6.31:1

AA Pass AAA Fail

Text on black

3.33:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026