#540877

#540877

Color Values

HEX

#540877

RGB

84, 8, 119

HSL

281.1, 87.4%, 24.9%

HSV

281.1, 93.3%, 46.7%

CMYK

29.4%, 93.3%, 0.0%, 53.3%

OKLCH

0.3461 0.1665 310.6

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#540877

#2B7708

Analogous

#1D0877

#770862

#540877

Triadic

#540877

#775408

#087754

Split Complementary

#540877

#627708

#08771D

Tetradic

#540877

#771D08

#2B7708

#086277

Color Blindness Simulation

Original

#540877

Protanopia

#33325C

Deuteranopia

#383D56

Tritanopia

#504742

Achromatopsia

#202020

CSS Usage

background-color: #540877;
color: #540877;
border-color: #540877;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F9F2FD
100
#F2E0FA
200
#E7BCFB
300
#D68CF7
400
#BF4EF3
500
#A910EF
600
#870DBF
700
#6C0A99
800
#540877
900
#3F0A57
950
#280737

Contrast Checker

Text on white

12.51:1

AA Pass AAA Pass

Text on black

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