#AC71E8

#AC71E8

Color Values

HEX

#AC71E8

RGB

172, 113, 232

HSL

269.7, 72.1%, 67.6%

HSV

269.7, 51.3%, 91.0%

CMYK

25.9%, 51.3%, 0.0%, 9.0%

OKLCH

0.6607 0.1773 304.9

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AC71E8

#ADE871

Analogous

#7171E8

#E771E8

#AC71E8

Triadic

#AC71E8

#E8AC71

#71E8AC

Split Complementary

#AC71E8

#E8E771

#71E871

Tetradic

#AC71E8

#E87171

#ADE871

#71E8E7

Color Blindness Simulation

Original

#AC71E8

Protanopia

#9292CB

Deuteranopia

#969AC4

Tritanopia

#A9B4AF

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EDE2F8
200
#DBC2F5
300
#C196EE
400
#A05DE5
500
#7F24DB
600
#651CB0
700
#51178C
800
#3F126E
900
#301150
950
#1E0B32

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.28: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