#A454CD

#A454CD

Color Values

HEX

#A454CD

RGB

164, 84, 205

HSL

279.7, 54.8%, 56.7%

HSV

279.7, 59.0%, 80.4%

CMYK

20.0%, 59.0%, 0.0%, 19.6%

OKLCH

0.5938 0.1888 312.6

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#A454CD

#7DCD54

Analogous

#6854CD

#CD54BA

#A454CD

Triadic

#A454CD

#CDA454

#54CDA4

Split Complementary

#A454CD

#BACD54

#54CD68

Tetradic

#A454CD

#CD6854

#7DCD54

#54BACD

Color Blindness Simulation

Original

#A454CD

Protanopia

#8181B0

Deuteranopia

#868CA9

Tritanopia

#A09994

Achromatopsia

#6E6E6E

CSS Usage

background-color: #A454CD;
color: #A454CD;
border-color: #A454CD;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F9F4FB
100
#F0E5F5
200
#E2C8EF
300
#CDA0E3
400
#B16DD4
500
#963AC5
600
#782E9E
700
#60257E
800
#4B1D63
900
#381948
950
#23102E

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

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