#A00FA2

#A00FA2

Color Values

HEX

#A00FA2

RGB

160, 15, 162

HSL

299.2, 83.1%, 34.7%

HSV

299.2, 90.7%, 63.5%

CMYK

1.2%, 90.7%, 0.0%, 36.5%

OKLCH

0.5007 0.2232 327.6

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#A00FA2

#11A20F

Analogous

#570FA2

#A20F5A

#A00FA2

Triadic

#A00FA2

#A2A00F

#0FA2A0

Split Complementary

#A00FA2

#5AA20F

#0FA257

Tetradic

#A00FA2

#A2570F

#11A20F

#0F5AA2

Color Blindness Simulation

Original

#A00FA2

Protanopia

#61607E

Deuteranopia

#6A7476

Tritanopia

#99625C

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#F9E1FA
200
#F8BEF9
300
#F38FF5
400
#ED52EF
500
#E716E9
600
#B911BB
700
#940E95
800
#730B75
900
#540C55
950
#350835

Contrast Checker

Text on white

6.81:1

AA Pass AAA Fail

Text on black

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