#AB71EC

#AB71EC

Color Values

HEX

#AB71EC

RGB

171, 113, 236

HSL

268,3, 76,4%, 68,4%

HSV

268,3, 52,1%, 92,5%

CMYK

27,5%, 52,1%, 0,0%, 7,5%

OKLCH

0,6619 0,1818 303,6

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AB71EC

#B2EC71

Analogous

#7174EC

#E871EC

#AB71EC

Triadic

#AB71EC

#ECAB71

#71ECAB

Split Complementary

#AB71EC

#ECE871

#74EC71

Tetradic

#AB71EC

#EC7174

#B2EC71

#71ECE8

Color Blindness Simulation

Original

#AB71EC

Protanopia

#9291CE

Deuteranopia

#959AC7

Tritanopia

#A8B7B2

Achromatopsia

#868686

CSS Usage

background-color: #AB71EC;
color: #AB71EC;
border-color: #AB71EC;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F2FC
100
#ECE2F9
200
#DAC0F7
300
#BF93F1
400
#9D59E9
500
#7A1EE1
600
#6218B4
700
#4E1390
800
#3D0F70
900
#2F0F52
950
#1D0A34

Contrast Checker

Text on white

3,33:1

AA Fail AAA Fail

Text on black

6,3: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