#AB80C1

#AB80C1

Color Values

HEX

#AB80C1

RGB

171, 128, 193

HSL

279.7, 34.4%, 62.9%

HSV

279.7, 33.7%, 75.7%

CMYK

11.4%, 33.7%, 0.0%, 24.3%

OKLCH

0.6651 0.1049 313.8

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#AB80C1

#96C180

Analogous

#8A80C1

#C180B6

#AB80C1

Triadic

#AB80C1

#C1AB80

#80C1AB

Split Complementary

#AB80C1

#B6C180

#80C18A

Tetradic

#AB80C1

#C18A80

#96C180

#80B6C1

Color Blindness Simulation

Original

#AB80C1

Protanopia

#9898B1

Deuteranopia

#9B9EAE

Tritanopia

#A9A5A2

Achromatopsia

#8E8E8E

CSS Usage

background-color: #AB80C1;
color: #AB80C1;
border-color: #AB80C1;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#DFCFE8
300
#C9ADD7
400
#AB80C1
500
#8E54AB
600
#714389
700
#5B366E
800
#472A56
900
#35213F
950
#221528

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

6.59:1

AA Pass 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