#A407A2

#A407A2

Color Values

HEX

#A407A2

RGB

164, 7, 162

HSL

300.8, 91.8%, 33.5%

HSV

300.8, 95.7%, 64.3%

CMYK

0.0%, 95.7%, 1.2%, 35.7%

OKLCH

0.5049 0.2279 329.0

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#A407A2

#07A409

Analogous

#5807A4

#A40753

#A407A2

Triadic

#A407A2

#A2A407

#07A2A4

Split Complementary

#A407A2

#53A407

#07A458

Tetradic

#A407A2

#A45807

#07A409

#0753A4

Color Blindness Simulation

Original

#A407A2

Protanopia

#605F7D

Deuteranopia

#697573

Tritanopia

#9C5F58

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBBFB
300
#FA8AF8
400
#F74AF5
500
#F50AF1
600
#C408C1
700
#9D079B
800
#7A0579
900
#580857
950
#380537

Contrast Checker

Text on white

6.71:1

AA Pass AAA Fail

Text on black

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