#540457

#540457

Color Values

HEX

#540457

RGB

84, 4, 87

HSL

297.8, 91.2%, 17.8%

HSV

297.8, 95.4%, 34.1%

CMYK

3.4%, 95.4%, 0.0%, 65.9%

OKLCH

0.3177 0.1425 326.5

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#540457

#075704

Analogous

#2A0457

#570430

#540457

Triadic

#540457

#575404

#045754

Split Complementary

#540457

#305704

#04572A

Tetradic

#540457

#572A04

#075704

#043057

Color Blindness Simulation

Original

#540457

Protanopia

#313143

Deuteranopia

#363C3E

Tritanopia

#503330

Achromatopsia

#1B1B1B

CSS Usage

background-color: #540457;
color: #540457;
border-color: #540457;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#F9BBFC
300
#F68AFA
400
#F04BF7
500
#EB0BF4
600
#BC09C3
700
#97079C
800
#76067A
900
#550958
950
#360538

Contrast Checker

Text on white

13.71:1

AA Pass AAA Pass

Text on black

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