#AC5EEC

#AC5EEC

Color Values

HEX

#AC5EEC

RGB

172, 94, 236

HSL

273.0, 78.9%, 64.7%

HSV

273.0, 60.2%, 92.5%

CMYK

27.1%, 60.2%, 0.0%, 7.5%

OKLCH

0.6355 0.2099 306.7

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#AC5EEC

#9EEC5E

Analogous

#655EEC

#EC5EE5

#AC5EEC

Triadic

#AC5EEC

#ECAC5E

#5EECAC

Split Complementary

#AC5EEC

#E5EC5E

#5EEC65

Tetradic

#AC5EEC

#EC655E

#9EEC5E

#5EE5EC

Color Blindness Simulation

Original

#AC5EEC

Protanopia

#8A8ACA

Deuteranopia

#8F95C1

Tritanopia

#A8AEA9

Achromatopsia

#797979

CSS Usage

background-color: #AC5EEC;
color: #AC5EEC;
border-color: #AC5EEC;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DEBFF7
300
#C792F2
400
#A856EB
500
#8A1BE4
600
#6E16B6
700
#581192
800
#450D72
900
#340E53
950
#210934

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

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