#A32697

#A32697

Color Values

HEX

#A32697

RGB

163, 38, 151

HSL

305.8, 62.2%, 39.4%

HSV

305.8, 76.7%, 63.9%

CMYK

0.0%, 76.7%, 7.4%, 36.1%

OKLCH

0.5115 0.1999 332.4

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#A32697

#26A332

Analogous

#7126A3

#A32658

#A32697

Triadic

#A32697

#97A326

#2697A3

Split Complementary

#A32697

#58A326

#26A371

Tetradic

#A32697

#A37126

#26A332

#2658A3

Color Blindness Simulation

Original

#A32697

Protanopia

#6D6C7C

Deuteranopia

#747E75

Tritanopia

#9D6661

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F7E4F5
200
#F2C5ED
300
#E89CE1
400
#DB66D0
500
#CF30BF
600
#A52799
700
#841F7B
800
#671860
900
#4C1546
950
#300D2C

Contrast Checker

Text on white

6.4:1

AA Pass AAA Fail

Text on black

3.28:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026