#A32987

#A32987

Color Values

HEX

#A32987

RGB

163, 41, 135

HSL

313.8, 59.8%, 40.0%

HSV

313.8, 74.8%, 63.9%

CMYK

0.0%, 74.8%, 17.2%, 36.1%

OKLCH

0.5055 0.1855 338.9

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#A32987

#29A345

Analogous

#8229A3

#A3294A

#A32987

Triadic

#A32987

#87A329

#2987A3

Split Complementary

#A32987

#4AA329

#29A382

Tetradic

#A32987

#A38229

#29A345

#294AA3

Color Blindness Simulation

Original

#A32987

Protanopia

#6E6D70

Deuteranopia

#757E6B

Tritanopia

#9D5E5A

Achromatopsia

#4A4A4A

CSS Usage

background-color: #A32987;
color: #A32987;
border-color: #A32987;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF3F9
100
#F6E4F2
200
#F1C6E7
300
#E69DD6
400
#D968BF
500
#CC33A9
600
#A32987
700
#82216C
800
#661A54
900
#4B163F
950
#2F0E27

Contrast Checker

Text on white

6.51:1

AA Pass AAA Fail

Text on black

3.22:1

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