#A54DF3

#A54DF3

Color Values

HEX

#A54DF3

RGB

165, 77, 243

HSL

271.8, 87.4%, 62.7%

HSV

271.8, 68.3%, 95.3%

CMYK

32.1%, 68.3%, 0.0%, 4.7%

OKLCH

0.6113 0.2376 304.5

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#A54DF3

#9BF34D

Analogous

#524DF3

#F34DEE

#A54DF3

Triadic

#A54DF3

#F3A54D

#4DF3A5

Split Complementary

#A54DF3

#EEF34D

#4DF352

Tetradic

#A54DF3

#F3524D

#9BF34D

#4DEEF3

Color Blindness Simulation

Original

#A54DF3

Protanopia

#7F7ECB

Deuteranopia

#848BC1

Tritanopia

#A1ABA4

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DDBCFB
300
#C58CF7
400
#A64EF3
500
#8610EF
600
#6B0DBF
700
#560A99
800
#430877
900
#330A57
950
#200737

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

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