#AB36A2

#AB36A2

Color Values

HEX

#AB36A2

RGB

171, 54, 162

HSL

304.6, 52.0%, 44.1%

HSV

304.6, 68.4%, 67.1%

CMYK

0.0%, 68.4%, 5.3%, 32.9%

OKLCH

0.5436 0.1945 331.2

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AB36A2

#36AB3F

Analogous

#7936AB

#AB3667

#AB36A2

Triadic

#AB36A2

#A2AB36

#36A2AB

Split Complementary

#AB36A2

#67AB36

#36AB79

Tetradic

#AB36A2

#AB7936

#36AB3F

#3667AB

Color Blindness Simulation

Original

#AB36A2

Protanopia

#787788

Deuteranopia

#7F8882

Tritanopia

#A5736F

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F4
200
#EEC9EB
300
#E2A2DD
400
#D270CA
500
#C23DB8
600
#9B3193
700
#7C2776
800
#611F5C
900
#471A44
950
#2D102B

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

3.78:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026