#A54DFD

#A54DFD

Color Values

HEX

#A54DFD

RGB

165, 77, 253

HSL

270.0, 97.8%, 64.7%

HSV

270.0, 69.6%, 99.2%

CMYK

34.8%, 69.6%, 0.0%, 0.8%

OKLCH

0.6185 0.2476 302.5

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#A54DFD

#A5FD4D

Analogous

#4D4DFD

#FD4DFD

#A54DFD

Triadic

#A54DFD

#FDA54D

#4DFDA5

Split Complementary

#A54DFD

#FDFD4D

#4DFD4D

Tetradic

#A54DFD

#FD4D4D

#A5FD4D

#4DFDFD

Color Blindness Simulation

Original

#A54DFD

Protanopia

#7F7ED2

Deuteranopia

#848BC8

Tritanopia

#A1B1A9

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F7F1FE
100
#EDDEFC
200
#DBB8FE
300
#C286FE
400
#A144FD
500
#8003FC
600
#6602CA
700
#5202A1
800
#40017E
900
#30065B
950
#1F043A

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

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