#A720AC

#A720AC

Color Values

HEX

#A720AC

RGB

167, 32, 172

HSL

297.9, 68.6%, 40.0%

HSV

297.9, 81.4%, 67.5%

CMYK

2.9%, 81.4%, 0.0%, 32.5%

OKLCH

0.526 0.2226 326.5

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#A720AC

#25AC20

Analogous

#6120AC

#AC206B

#A720AC

Triadic

#A720AC

#ACA720

#20ACA7

Split Complementary

#A720AC

#6BAC20

#20AC61

Tetradic

#A720AC

#AC6120

#25AC20

#206BAC

Color Blindness Simulation

Original

#A720AC

Protanopia

#6D6B8A

Deuteranopia

#747E82

Tritanopia

#A06F6A

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FBF3FC
100
#F7E3F8
200
#F2C3F4
300
#E998EC
400
#DD60E1
500
#D128D7
600
#A720AC
700
#861A8A
800
#68146B
900
#4C134E
950
#300C31

Contrast Checker

Text on white

6.1:1

AA Pass AAA Fail

Text on black

3.45:1

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