#540584

#540584

Color Values

HEX

#540584

RGB

84, 5, 132

HSL

277.3, 92.7%, 26.9%

HSV

277.3, 96.2%, 51.8%

CMYK

36.4%, 96.2%, 0.0%, 48.2%

OKLCH

0.3564 0.1798 305.7

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#540584

#358405

Analogous

#140584

#840575

#540584

Triadic

#540584

#845405

#058454

Split Complementary

#540584

#758405

#058414

Tetradic

#540584

#841405

#358405

#057584

Color Blindness Simulation

Original

#540584

Protanopia

#323165

Deuteranopia

#363C5E

Tritanopia

#504D48

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#F9F1FD
100
#F1DFFB
200
#E3BAFC
300
#D089FB
400
#B649F8
500
#9C09F6
600
#7D07C5
700
#64069D
800
#4E057B
900
#3A0859
950
#250538

Contrast Checker

Text on white

12.13:1

AA Pass AAA Pass

Text on black

1.73:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026