#AB36C9

#AB36C9

Color Values

HEX

#AB36C9

RGB

171, 54, 201

HSL

287.8, 57.6%, 50.0%

HSV

287.8, 73.1%, 78.8%

CMYK

14.9%, 73.1%, 0.0%, 21.2%

OKLCH

0.5667 0.2266 318.5

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#AB36C9

#54C936

Analogous

#6236C9

#C9369D

#AB36C9

Triadic

#AB36C9

#C9AB36

#36C9AB

Split Complementary

#AB36C9

#9DC936

#36C962

Tetradic

#AB36C9

#C96236

#54C936

#369DC9

Color Blindness Simulation

Original

#AB36C9

Protanopia

#7877A5

Deuteranopia

#7F889D

Tritanopia

#A58983

Achromatopsia

#595959

CSS Usage

background-color: #AB36C9;
color: #AB36C9;
border-color: #AB36C9;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FAF4FB
100
#F2E4F6
200
#E8C7F0
300
#D79FE5
400
#C16AD7
500
#AB36C9
600
#892BA1
700
#6D2381
800
#561B64
900
#3F174A
950
#280F2E

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

4.1:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026