#AC16B0

#AC16B0

Color Values

HEX

#AC16B0

RGB

172, 22, 176

HSL

298.4, 77.8%, 38.8%

HSV

298.4, 87.5%, 69.0%

CMYK

2.3%, 87.5%, 0.0%, 31.0%

OKLCH

0.5312 0.2342 327.0

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AC16B0

#1AB016

Analogous

#5F16B0

#B01667

#AC16B0

Triadic

#AC16B0

#B0AC16

#16B0AC

Split Complementary

#AC16B0

#67B016

#16B05F

Tetradic

#AC16B0

#B05F16

#1AB016

#1667B0

Color Blindness Simulation

Original

#AC16B0

Protanopia

#6B6A8B

Deuteranopia

#747F82

Tritanopia

#A46D67

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F8E1F9
200
#F6C0F7
300
#EF92F1
400
#E657EA
500
#DD1CE3
600
#B117B5
700
#8E1291
800
#6F0E71
900
#510F52
950
#330934

Contrast Checker

Text on white

6.01:1

AA Pass AAA Fail

Text on black

3.5:1

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