#A4889F

#A4889F

Color Values

HEX

#A4889F

RGB

164, 136, 159

HSL

310.7, 13.3%, 58.8%

HSV

310.7, 17.1%, 64.3%

CMYK

0.0%, 17.1%, 3.0%, 35.7%

OKLCH

0.6599 0.0468 332.2

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#A4889F

#88A48D

Analogous

#9B88A4

#A48891

#A4889F

Triadic

#A4889F

#9FA488

#889FA4

Split Complementary

#A4889F

#91A488

#88A49B

Tetradic

#A4889F

#A49B88

#88A48D

#8891A4

Color Blindness Simulation

Original

#A4889F

Protanopia

#989899

Deuteranopia

#9A9C98

Tritanopia

#A39594

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEE
200
#E0D7DE
300
#CABAC7
400
#AD94A9
500
#906F8A
600
#74586F
700
#5C4759
800
#483745
900
#362B34
950
#221B21

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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