#540555

#540555

Color Values

HEX

#540555

RGB

84, 5, 85

HSL

299.2, 88.9%, 17.6%

HSV

299.2, 94.1%, 33.3%

CMYK

1.2%, 94.1%, 0.0%, 66.7%

OKLCH

0.317 0.14 327.7

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#540555

#065505

Analogous

#2C0555

#55052E

#540555

Triadic

#540555

#555405

#055554

Split Complementary

#540555

#2E5505

#05552C

Tetradic

#540555

#552C05

#065505

#052E55

Color Blindness Simulation

Original

#540555

Protanopia

#323142

Deuteranopia

#363C3D

Tritanopia

#50322F

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FB
200
#FABCFB
300
#F78BF8
400
#F24DF5
500
#EE0EF1
600
#BE0BC1
700
#98099A
800
#770778
900
#560A57
950
#360637

Contrast Checker

Text on white

13.73:1

AA Pass AAA Pass

Text on black

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