#AC5ADF

#AC5ADF

Color Values

HEX

#AC5ADF

RGB

172, 90, 223

HSL

277.0, 67.5%, 61.4%

HSV

277.0, 59.6%, 87.5%

CMYK

22.9%, 59.6%, 0.0%, 12.5%

OKLCH

0.6221 0.2017 310.3

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#AC5ADF

#8DDF5A

Analogous

#6A5ADF

#DF5AD0

#AC5ADF

Triadic

#AC5ADF

#DFAC5A

#5ADFAC

Split Complementary

#AC5ADF

#D0DF5A

#5ADF6A

Tetradic

#AC5ADF

#DF6A5A

#8DDF5A

#5AD0DF

Color Blindness Simulation

Original

#AC5ADF

Protanopia

#8888BF

Deuteranopia

#8D93B7

Tritanopia

#A8A5A0

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#F0E3F7
200
#E1C3F3
300
#CB98EB
400
#B061E0
500
#9429D6
600
#7621AB
700
#5E1B89
800
#4A156B
900
#37134E
950
#230C31

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

5.28:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026