#A04AF3

#A04AF3

Color Values

HEX

#A04AF3

RGB

160, 74, 243

HSL

270.5, 87.6%, 62.2%

HSV

270.5, 69.5%, 95.3%

CMYK

34.2%, 69.5%, 0.0%, 4.7%

OKLCH

0.6022 0.2401 303.0

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#A04AF3

#9DF34A

Analogous

#4C4AF3

#F34AF2

#A04AF3

Triadic

#A04AF3

#F3A04A

#4AF3A0

Split Complementary

#A04AF3

#F2F34A

#4AF34C

Tetradic

#A04AF3

#F34C4A

#9DF34A

#4AF2F3

Color Blindness Simulation

Original

#A04AF3

Protanopia

#7B7ACA

Deuteranopia

#8086C0

Tritanopia

#9CAAA3

Achromatopsia

#686868

CSS Usage

background-color: #A04AF3;
color: #A04AF3;
border-color: #A04AF3;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DCBCFB
300
#C38CF7
400
#A24EF3
500
#8110EF
600
#670DBF
700
#530A99
800
#410878
900
#310A57
950
#1F0637

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

4.77:1

AA Pass 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