#AC5CE7

#AC5CE7

Color Values

HEX

#AC5CE7

RGB

172, 92, 231

HSL

274,5, 74,3%, 63,3%

HSV

274,5, 60,2%, 90,6%

CMYK

25,5%, 60,2%, 0,0%, 9,4%

OKLCH

0,6297 0,2074 308,1

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#AC5CE7

#97E75C

Analogous

#665CE7

#E75CDD

#AC5CE7

Triadic

#AC5CE7

#E7AC5C

#5CE7AC

Split Complementary

#AC5CE7

#DDE75C

#5CE766

Tetradic

#AC5CE7

#E7665C

#97E75C

#5CDDE7

Color Blindness Simulation

Original

#AC5CE7

Protanopia

#8989C5

Deuteranopia

#8E94BD

Tritanopia

#A8ABA5

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE2F8
200
#DFC1F6
300
#C994EF
400
#AB5BE7
500
#8E21DE
600
#711AB2
700
#5B158E
800
#47106F
900
#351051
950
#220A33

Contrast Checker

Text on white

3,86:1

AA Fail AAA Fail

Text on black

5,44:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026