#540C56

#540C56

Color Values

HEX

#540C56

RGB

84, 12, 86

HSL

298.4, 75.5%, 19.2%

HSV

298.4, 86.0%, 33.7%

CMYK

2.3%, 86.0%, 0.0%, 66.3%

OKLCH

0.3223 0.1347 326.9

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#540C56

#0E560C

Analogous

#2F0C56

#560C33

#540C56

Triadic

#540C56

#56540C

#0C5654

Split Complementary

#540C56

#33560C

#0C562F

Tetradic

#540C56

#562F0C

#0E560C

#0C3356

Color Blindness Simulation

Original

#540C56

Protanopia

#353444

Deuteranopia

#393E40

Tritanopia

#503633

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F8E2F9
200
#F5C0F6
300
#EE94F0
400
#E459E8
500
#DB1FE0
600
#AF19B3
700
#8C148F
800
#6D1070
900
#501051
950
#320A33

Contrast Checker

Text on white

13.43:1

AA Pass AAA Pass

Text on black

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