#AA79A2

#AA79A2

Color Values

HEX

#AA79A2

RGB

170, 121, 162

HSL

309.8, 22.4%, 57.1%

HSV

309.8, 28.8%, 66.7%

CMYK

0.0%, 28.8%, 4.7%, 33.3%

OKLCH

0.6387 0.0829 332.3

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#AA79A2

#79AA81

Analogous

#9A79AA

#AA798A

#AA79A2

Triadic

#AA79A2

#A2AA79

#79A2AA

Split Complementary

#AA79A2

#8AAA79

#79AA9A

Tetradic

#AA79A2

#AA9A79

#79AA81

#798AAA

Color Blindness Simulation

Original

#AA79A2

Protanopia

#959498

Deuteranopia

#989B96

Tritanopia

#A8908F

Achromatopsia

#868686

CSS Usage

background-color: #AA79A2;
color: #AA79A2;
border-color: #AA79A2;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F6F8
100
#F1EAEF
200
#E3D3E1
300
#D0B4CB
400
#B68CAF
500
#9C6393
600
#7D4F75
700
#643F5E
800
#4E3149
900
#3A2737
950
#251823

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

5.97: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