#A3489B

#A3489B

Color Values

HEX

#A3489B

RGB

163, 72, 155

HSL

305.3, 38.7%, 46.1%

HSV

305.3, 55.8%, 63.9%

CMYK

0.0%, 55.8%, 4.9%, 36.1%

OKLCH

0.5491 0.1582 331.0

Properties

Warm Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#A3489B

#48A350

Analogous

#7E48A3

#A3486E

#A3489B

Triadic

#A3489B

#9BA348

#489BA3

Split Complementary

#A3489B

#6EA348

#48A37E

Tetradic

#A3489B

#A37E48

#48A350

#486EA3

Color Blindness Simulation

Original

#A3489B

Protanopia

#7C7B87

Deuteranopia

#818882

Tritanopia

#9E7774

Achromatopsia

#616161

CSS Usage

background-color: #A3489B;
color: #A3489B;
border-color: #A3489B;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#E9CDE7
300
#D9AAD5
400
#C57CBF
500
#B14EA8
600
#8D3F87
700
#71326C
800
#582754
900
#41203E
950
#291427

Contrast Checker

Text on white

5.31:1

AA Pass AAA Fail

Text on black

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