#AB80C3

#AB80C3

Color Values

HEX

#AB80C3

RGB

171, 128, 195

HSL

278.5, 35.8%, 63.3%

HSV

278.5, 34.4%, 76.5%

CMYK

12.3%, 34.4%, 0.0%, 23.5%

OKLCH

0.666 0.1073 312.9

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#AB80C3

#98C380

Analogous

#8980C3

#C380B9

#AB80C3

Triadic

#AB80C3

#C3AB80

#80C3AB

Split Complementary

#AB80C3

#B9C380

#80C389

Tetradic

#AB80C3

#C38980

#98C380

#80B9C3

Color Blindness Simulation

Original

#AB80C3

Protanopia

#9898B3

Deuteranopia

#9B9EAF

Tritanopia

#A9A6A3

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F3
200
#DFCFE8
300
#C8ACD8
400
#AA7FC2
500
#8C52AD
600
#70418B
700
#5A346F
800
#462957
900
#352140
950
#211528

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

6.61:1

AA Pass AAA Fail

Related Articles

Brand Stories

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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026