#540351

#540351

Color Values

HEX

#540351

RGB

84, 3, 81

HSL

302.2, 93.1%, 17.1%

HSV

302.2, 96.4%, 32.9%

CMYK

0.0%, 96.4%, 3.6%, 67.1%

OKLCH

0.3128 0.1387 330.1

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#540351

#035406

Analogous

#2F0354

#540329

#540351

Triadic

#540351

#515403

#035154

Split Complementary

#540351

#295403

#03542F

Tetradic

#540351

#542F03

#035406

#032954

Color Blindness Simulation

Original

#540351

Protanopia

#31303E

Deuteranopia

#363C3A

Tritanopia

#502F2C

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FDBAFA
300
#FB89F7
400
#F849F2
500
#F609ED
600
#C507BE
700
#9E0698
800
#7B0477
900
#590856
950
#380536

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