#AA849F

#AA849F

Color Values

HEX

#AA849F

RGB

170, 132, 159

HSL

317.4, 18.3%, 59.2%

HSV

317.4, 22.4%, 66.7%

CMYK

0.0%, 22.4%, 6.5%, 33.3%

OKLCH

0.6581 0.0595 337.0

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#AA849F

#84AA8F

Analogous

#A284AA

#AA848C

#AA849F

Triadic

#AA849F

#9FAA84

#849FAA

Split Complementary

#AA849F

#8CAA84

#84AAA2

Tetradic

#AA849F

#AAA284

#84AA8F

#848CAA

Color Blindness Simulation

Original

#AA849F

Protanopia

#9A9998

Deuteranopia

#9C9F97

Tritanopia

#A89392

Achromatopsia

#8E8E8E

CSS Usage

background-color: #AA849F;
color: #AA849F;
border-color: #AA849F;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F9F6F8
100
#F0EAEE
200
#E2D5DE
300
#CDB7C7
400
#B28FA8
500
#976889
600
#79536E
700
#614358
800
#4B3445
900
#382834
950
#241A21

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

6.51:1

AA Pass 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