#540350

#540350

Color Values

HEX

#540350

RGB

84, 3, 80

HSL

303.0, 93.1%, 17.1%

HSV

303.0, 96.4%, 32.9%

CMYK

0.0%, 96.4%, 4.8%, 67.1%

OKLCH

0.3121 0.1379 330.7

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#540350

#035407

Analogous

#300354

#540328

#540350

Triadic

#540350

#505403

#035054

Split Complementary

#540350

#285403

#035430

Tetradic

#540350

#543003

#035407

#032854

Color Blindness Simulation

Original

#540350

Protanopia

#31303D

Deuteranopia

#363C39

Tritanopia

#502F2B

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FDBAF9
300
#FB89F5
400
#F849F0
500
#F609EA
600
#C507BB
700
#9E0696
800
#7B0475
900
#590855
950
#380536

Contrast Checker

Text on white

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