#AB72F6

#AB72F6

Color Values

HEX

#AB72F6

RGB

171, 114, 246

HSL

265.9, 88.0%, 70.6%

HSV

265.9, 53.7%, 96.5%

CMYK

30.5%, 53.7%, 0.0%, 3.5%

OKLCH

0.6694 0.1921 301.3

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#AB72F6

#BDF672

Analogous

#727BF6

#ED72F6

#AB72F6

Triadic

#AB72F6

#F6AB72

#72F6AB

Split Complementary

#AB72F6

#F6ED72

#7BF672

Tetradic

#AB72F6

#F6727B

#BDF672

#72F6ED

Color Blindness Simulation

Original

#AB72F6

Protanopia

#9292D6

Deuteranopia

#969ACE

Tritanopia

#A8BDB7

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EBE0FB
200
#D7BCFB
300
#BA8CF8
400
#954EF4
500
#700FF0
600
#5A0CC0
700
#480A99
800
#380878
900
#2B0A57
950
#1B0637

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

6.47:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026