#A701AA

#A701AA

Color Values

HEX

#A701AA

RGB

167, 1, 170

HSL

298.9, 98.8%, 33.5%

HSV

298.9, 99.4%, 66.7%

CMYK

1.8%, 99.4%, 0.0%, 33.3%

OKLCH

0.5133 0.2366 327.4

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#A701AA

#04AA01

Analogous

#5201AA

#AA0159

#A701AA

Triadic

#A701AA

#AAA701

#01AAA7

Split Complementary

#A701AA

#59AA01

#01AA52

Tetradic

#A701AA

#AA5201

#04AA01

#0159AA

Color Blindness Simulation

Original

#A701AA

Protanopia

#5F5E81

Deuteranopia

#697577

Tritanopia

#9F615A

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#FEF1FE
100
#FCDEFC
200
#FDB8FF
300
#FC85FE
400
#FA43FE
500
#F902FD
600
#C701CB
700
#9F01A2
800
#7C017F
900
#5A055C
950
#39033A

Contrast Checker

Text on white

6.51:1

AA Pass AAA Fail

Text on black

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