#AC70EC

#AC70EC

Color Values

HEX

#AC70EC

RGB

172, 112, 236

HSL

269,0, 76,5%, 68,2%

HSV

269,0, 52,5%, 92,5%

CMYK

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

OKLCH

0,6614 0,1836 304,2

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AC70EC

#B0EC70

Analogous

#7072EC

#EA70EC

#AC70EC

Triadic

#AC70EC

#ECAC70

#70ECAC

Split Complementary

#AC70EC

#ECEA70

#72EC70

Tetradic

#AC70EC

#EC7072

#B0EC70

#70ECEA

Color Blindness Simulation

Original

#AC70EC

Protanopia

#9291CE

Deuteranopia

#969AC7

Tritanopia

#A9B6B1

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#EDE2F9
200
#DAC0F7
300
#C093F1
400
#9E58E9
500
#7C1EE1
600
#6318B4
700
#501390
800
#3E0F71
900
#2F0F52
950
#1E0A34

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

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