#AB3699

#AB3699

Color Values

HEX

#AB3699

RGB

171, 54, 153

HSL

309.2, 52.0%, 44.1%

HSV

309.2, 68.4%, 67.1%

CMYK

0.0%, 68.4%, 10.5%, 32.9%

OKLCH

0.5389 0.1876 334.6

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#AB3699

#36AB48

Analogous

#8236AB

#AB365F

#AB3699

Triadic

#AB3699

#99AB36

#3699AB

Split Complementary

#AB3699

#5FAB36

#36AB82

Tetradic

#AB3699

#AB8236

#36AB48

#365FAB

Color Blindness Simulation

Original

#AB3699

Protanopia

#787781

Deuteranopia

#7F887B

Tritanopia

#A56E6A

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EEC9E8
300
#E2A2D8
400
#D270C3
500
#C23DAD
600
#9B318B
700
#7C276F
800
#611F57
900
#471A40
950
#2D1029

Contrast Checker

Text on white

5.65:1

AA Pass AAA Fail

Text on black

3.72:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026