#AA828F

#AA828F

Color Values

HEX

#AA828F

RGB

170, 130, 143

HSL

340.5, 19.0%, 58.8%

HSV

340.5, 23.5%, 66.7%

CMYK

0.0%, 23.5%, 15.9%, 33.3%

OKLCH

0.649 0.0522 357.3

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#AA828F

#82AA9D

Analogous

#AA82A3

#AA8982

#AA828F

Triadic

#AA828F

#8FAA82

#828FAA

Split Complementary

#AA828F

#82AA89

#82A3AA

Tetradic

#AA828F

#A3AA82

#82AA9D

#8982AA

Color Blindness Simulation

Original

#AA828F

Protanopia

#99988C

Deuteranopia

#9B9E8B

Tritanopia

#A88989

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E2D5D9
300
#CDB6BE
400
#B38F9A
500
#986777
600
#79535F
700
#61424C
800
#4C343C
900
#39282E
950
#24191D

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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