#A02DA0

#A02DA0

Color Values

HEX

#A02DA0

RGB

160, 45, 160

HSL

300.0, 56.1%, 40.2%

HSV

300.0, 71.9%, 62.7%

CMYK

0.0%, 71.9%, 0.0%, 37.3%

OKLCH

0.5177 0.1978 328.0

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#A02DA0

#2DA02D

Analogous

#672DA0

#A02D67

#A02DA0

Triadic

#A02DA0

#A0A02D

#2DA0A0

Split Complementary

#A02DA0

#67A02D

#2DA067

Tetradic

#A02DA0

#A0672D

#2DA02D

#2D67A0

Color Blindness Simulation

Original

#A02DA0

Protanopia

#6E6D84

Deuteranopia

#757E7E

Tritanopia

#9A6E69

Achromatopsia

#4E4E4E

CSS Usage

background-color: #A02DA0;
color: #A02DA0;
border-color: #A02DA0;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF4FB
100
#F6E5F6
200
#EFC7EF
300
#E49FE4
400
#D66CD6
500
#C738C7
600
#9F2D9F
700
#7F247F
800
#641C64
900
#491849
950
#2E0F2E

Contrast Checker

Text on white

6.22:1

AA Pass AAA Fail

Text on black

3.38:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026