#A540EC

#A540EC

Color Values

HEX

#A540EC

RGB

165, 64, 236

HSL

275.2, 81.9%, 58.8%

HSV

275.2, 72.9%, 92.5%

CMYK

30.1%, 72.9%, 0.0%, 7.5%

OKLCH

0.5925 0.2454 307.1

Properties

Cool Dark Nearest: darkorchid 2

Color Harmonies

Complementary

#A540EC

#87EC40

Analogous

#4F40EC

#EC40DD

#A540EC

Triadic

#A540EC

#ECA540

#40ECA5

Split Complementary

#A540EC

#DDEC40

#40EC4F

Tetradic

#A540EC

#EC4F40

#87EC40

#40DDEC

Color Blindness Simulation

Original

#A540EC

Protanopia

#7978C2

Deuteranopia

#7F87B8

Tritanopia

#A0A19A

Achromatopsia

#626262

CSS Usage

background-color: #A540EC;
color: #A540EC;
border-color: #A540EC;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F8F2FD
100
#EFE1FA
200
#E0BEF9
300
#CA90F4
400
#AE53EE
500
#9217E8
600
#7412BA
700
#5D0F94
800
#490C74
900
#370D54
950
#230835

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

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