#A46580

#A46580

Color Values

HEX

#A46580

RGB

164, 101, 128

HSL

334.3, 25.7%, 52.0%

HSV

334.3, 38.4%, 64.3%

CMYK

0.0%, 38.4%, 22.0%, 35.7%

OKLCH

0.5839 0.0881 352.9

Properties

Warm Light Nearest: palevioletred 4

Color Harmonies

Complementary

#A46580

#65A489

Analogous

#A465A0

#A46A65

#A46580

Triadic

#A46580

#80A465

#6580A4

Split Complementary

#A46580

#65A46A

#65A0A4

Tetradic

#A46580

#A0A465

#65A489

#6A65A4

Color Blindness Simulation

Original

#A46580

Protanopia

#898879

Deuteranopia

#8C9178

Tritanopia

#A17473

Achromatopsia

#747474

CSS Usage

background-color: #A46580;
color: #A46580;
border-color: #A46580;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F9F6F7
100
#F1E9ED
200
#E4D2DA
300
#D2B2C0
400
#B9889D
500
#A05F7B
600
#804C62
700
#673D4F
800
#502F3D
900
#3C252F
950
#26181E

Contrast Checker

Text on white

4.42:1

AA Fail AAA Fail

Text on black

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