#A707AC

#A707AC

Color Values

HEX

#A707AC

RGB

167, 7, 172

HSL

298.2, 92.2%, 35.1%

HSV

298.2, 95.9%, 67.5%

CMYK

2.9%, 95.9%, 0.0%, 32.5%

OKLCH

0.5161 0.2359 326.8

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#A707AC

#0CAC07

Analogous

#5507AC

#AC075E

#A707AC

Triadic

#A707AC

#ACA707

#07ACA7

Split Complementary

#A707AC

#5EAC07

#07AC55

Tetradic

#A707AC

#AC5507

#0CAC07

#075EAC

Color Blindness Simulation

Original

#A707AC

Protanopia

#626084

Deuteranopia

#6B777A

Tritanopia

#9F655E

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#FABAFC
300
#F789FA
400
#F24AF8
500
#EE0AF5
600
#BE08C4
700
#98069D
800
#77057B
900
#560859
950
#360538

Contrast Checker

Text on white

6.42:1

AA Pass AAA Fail

Text on black

3.27:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026