#540355

#540355

Color Values

HEX

#540355

RGB

84, 3, 85

HSL

299.3, 93.2%, 17.3%

HSV

299.3, 96.5%, 33.3%

CMYK

1.2%, 96.5%, 0.0%, 66.7%

OKLCH

0.3156 0.1418 327.7

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#540355

#045503

Analogous

#2B0355

#55032D

#540355

Triadic

#540355

#555403

#035554

Split Complementary

#540355

#2D5503

#03552B

Tetradic

#540355

#552B03

#045503

#032D55

Color Blindness Simulation

Original

#540355

Protanopia

#313041

Deuteranopia

#363C3C

Tritanopia

#50312E

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBAFD
300
#FA89FB
400
#F749F9
500
#F409F6
600
#C307C5
700
#9C069E
800
#7A047B
900
#580859
950
#380538

Contrast Checker

Text on white

13.81:1

AA Pass AAA Pass

Text on black

1.52:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026