#A706AE

#A706AE

Color Values

HEX

#A706AE

RGB

167, 6, 174

HSL

297.5, 93.3%, 35.3%

HSV

297.5, 96.6%, 68.2%

CMYK

4.0%, 96.6%, 0.0%, 31.8%

OKLCH

0.5171 0.2376 326.1

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#A706AE

#0DAE06

Analogous

#5306AE

#AE0661

#A706AE

Triadic

#A706AE

#AEA706

#06AEA7

Split Complementary

#A706AE

#61AE06

#06AE53

Tetradic

#A706AE

#AE5306

#0DAE06

#0661AE

Color Blindness Simulation

Original

#A706AE

Protanopia

#616085

Deuteranopia

#6B777C

Tritanopia

#9F655E

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#FABAFD
300
#F689FB
400
#F149F9
500
#ED09F6
600
#BD07C5
700
#97059E
800
#76047B
900
#560859
950
#360538

Contrast Checker

Text on white

6.4:1

AA Pass AAA Fail

Text on black

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