#AC48F9

#AC48F9

Color Values

HEX

#AC48F9

RGB

172, 72, 249

HSL

273.9, 93.7%, 62.9%

HSV

273.9, 71.1%, 97.6%

CMYK

30.9%, 71.1%, 0.0%, 2.4%

OKLCH

0.6182 0.2508 306.0

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#AC48F9

#95F948

Analogous

#5348F9

#F948EE

#AC48F9

Triadic

#AC48F9

#F9AC48

#48F9AC

Split Complementary

#AC48F9

#EEF948

#48F953

Tetradic

#AC48F9

#F95348

#95F948

#48EEF9

Color Blindness Simulation

Original

#AC48F9

Protanopia

#8180CE

Deuteranopia

#868EC4

Tritanopia

#A7ACA5

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F8F1FD
100
#EFDFFB
200
#E0BAFD
300
#C988FB
400
#AC48F9
500
#8F08F7
600
#7206C6
700
#5C059E
800
#48047B
900
#360859
950
#220538

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

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