#A54AF8

#A54AF8

Color Values

HEX

#A54AF8

RGB

165, 74, 248

HSL

271.4, 92.6%, 63.1%

HSV

271.4, 70.2%, 97.3%

CMYK

33.5%, 70.2%, 0.0%, 2.7%

OKLCH

0.6115 0.246 303.7

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#A54AF8

#9DF84A

Analogous

#4E4AF8

#F84AF4

#A54AF8

Triadic

#A54AF8

#F8A54A

#4AF8A5

Split Complementary

#A54AF8

#F4F84A

#4AF84E

Tetradic

#A54AF8

#F84E4A

#9DF84A

#4AF4F8

Color Blindness Simulation

Original

#A54AF8

Protanopia

#7E7DCE

Deuteranopia

#838AC4

Tritanopia

#A0ADA5

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F8F1FD
100
#EEDFFB
200
#DDBAFC
300
#C489FA
400
#A549F8
500
#8509F6
600
#6A08C4
700
#55069D
800
#43057B
900
#320859
950
#200538

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

4.93:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026