#AC05B3

#AC05B3

Color Values

HEX

#AC05B3

RGB

172, 5, 179

HSL

297.6, 94.6%, 36.1%

HSV

297.6, 97.2%, 70.2%

CMYK

3.9%, 97.2%, 0.0%, 29.8%

OKLCH

0.528 0.2432 326.2

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#AC05B3

#0CB305

Analogous

#5505B3

#B30563

#AC05B3

Triadic

#AC05B3

#B3AC05

#05B3AC

Split Complementary

#AC05B3

#63B305

#05B355

Tetradic

#AC05B3

#B35505

#0CB305

#0563B3

Color Blindness Simulation

Original

#AC05B3

Protanopia

#646289

Deuteranopia

#6D7A7F

Tritanopia

#A46860

Achromatopsia

#353535

CSS Usage

background-color: #AC05B3;
color: #AC05B3;
border-color: #AC05B3;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FDF1FE
100
#FADFFC
200
#FABAFD
300
#F788FC
400
#F347FA
500
#EE07F8
600
#BF06C6
700
#99049F
800
#77037C
900
#56075A
950
#370539

Contrast Checker

Text on white

6.13:1

AA Pass AAA Fail

Text on black

3.43:1

AA Fail 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