#AC5BDF

#AC5BDF

Color Values

HEX

#AC5BDF

RGB

172, 91, 223

HSL

276.8, 67.3%, 61.6%

HSV

276.8, 59.2%, 87.5%

CMYK

22.9%, 59.2%, 0.0%, 12.5%

OKLCH

0.6235 0.2003 310.1

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#AC5BDF

#8EDF5B

Analogous

#6A5BDF

#DF5BD0

#AC5BDF

Triadic

#AC5BDF

#DFAC5B

#5BDFAC

Split Complementary

#AC5BDF

#D0DF5B

#5BDF6A

Tetradic

#AC5BDF

#DF6A5B

#8EDF5B

#5BD0DF

Color Blindness Simulation

Original

#AC5BDF

Protanopia

#8988BF

Deuteranopia

#8E94B7

Tritanopia

#A8A6A0

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#E1C3F3
300
#CB99EB
400
#AF61E0
500
#932AD5
600
#7621AB
700
#5E1B89
800
#49156B
900
#37134E
950
#230C31

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

5.32:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026