#540D96

#540D96

Color Values

HEX

#540D96

RGB

84, 13, 150

HSL

271.1, 84.0%, 32.0%

HSV

271.1, 91.3%, 58.8%

CMYK

44.0%, 91.3%, 0.0%, 41.2%

OKLCH

0.3778 0.1921 299.3

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#540D96

#4F960D

Analogous

#100D96

#960D94

#540D96

Triadic

#540D96

#96540D

#0D9654

Split Complementary

#540D96

#94960D

#0D9610

Tetradic

#540D96

#96100D

#4F960D

#0D9496

Color Blindness Simulation

Original

#540D96

Protanopia

#353575

Deuteranopia

#393F6D

Tritanopia

#505B55

Achromatopsia

#262626

CSS Usage

background-color: #540D96;
color: #540D96;
border-color: #540D96;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DCBDF9
300
#C48EF5
400
#A451F0
500
#8314EB
600
#6910BC
700
#540D96
800
#420A75
900
#320C55
950
#1F0736

Contrast Checker

Text on white

11.2:1

AA Pass AAA Pass

Text on black

1.87:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026