#541863

#541863

Color Values

HEX

#541863

RGB

84, 24, 99

HSL

288.0, 61.0%, 24.1%

HSV

288.0, 75.8%, 38.8%

CMYK

15.2%, 75.8%, 0.0%, 61.2%

OKLCH

0.3423 0.1329 318.8

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#541863

#276318

Analogous

#2E1863

#63184C

#541863

Triadic

#541863

#635418

#186354

Split Complementary

#541863

#4C6318

#18632E

Tetradic

#541863

#632E18

#276318

#184C63

Color Blindness Simulation

Original

#541863

Protanopia

#3A3951

Deuteranopia

#3E424C

Tritanopia

#51433F

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#FAF3FB
100
#F3E4F6
200
#E8C6F1
300
#D89CE7
400
#C367DA
500
#AE32CD
600
#8B28A4
700
#6F2083
800
#571967
900
#40164B
950
#290E2F

Contrast Checker

Text on white

12.44:1

AA Pass AAA Pass

Text on black

1.69:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026