#540254

#540254

Color Values

HEX

#540254

RGB

84, 2, 84

HSL

300.0, 95.3%, 16.9%

HSV

300.0, 97.6%, 32.9%

CMYK

0.0%, 97.6%, 0.0%, 67.1%

OKLCH

0.3142 0.1419 328.3

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#540254

#025402

Analogous

#2B0254

#54022B

#540254

Triadic

#540254

#545402

#025454

Split Complementary

#540254

#2B5402

#02542B

Tetradic

#540254

#542B02

#025402

#022B54

Color Blindness Simulation

Original

#540254

Protanopia

#303040

Deuteranopia

#353B3B

Tritanopia

#50302D

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#FEF1FE
100
#FCDFFC
200
#FDB9FD
300
#FC87FC
400
#FB47FB
500
#F906F9
600
#C705C7
700
#9F049F
800
#7D037D
900
#5A075A
950
#390439

Contrast Checker

Text on white

13.87:1

AA Pass AAA Pass

Text on black

1.51:1

AA Fail 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