#540C42

#540C42

Color Values

HEX

#540C42

RGB

84, 12, 66

HSL

315.0, 75.0%, 18.8%

HSV

315.0, 85.7%, 32.9%

CMYK

0.0%, 85.7%, 21.4%, 67.1%

OKLCH

0.3098 0.1188 340.6

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#540C42

#0C541E

Analogous

#420C54

#540C1E

#540C42

Triadic

#540C42

#42540C

#0C4254

Split Complementary

#540C42

#1E540C

#0C5442

Tetradic

#540C42

#54420C

#0C541E

#0C1E54

Color Blindness Simulation

Original

#540C42

Protanopia

#353435

Deuteranopia

#393E32

Tritanopia

#502B28

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#FCF2FA
100
#F9E2F3
200
#F6C1E9
300
#F094D9
400
#E75AC4
500
#DF20AF
600
#B3198C
700
#8F1470
800
#701058
900
#511041
950
#330A29

Contrast Checker

Text on white

13.92:1

AA Pass AAA Pass

Text on black

1.51:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026