#540553

#540553

Color Values

HEX

#540553

RGB

84, 5, 83

HSL

300.8, 88.8%, 17.5%

HSV

300.8, 94.0%, 32.9%

CMYK

0.0%, 94.0%, 1.2%, 67.1%

OKLCH

0.3156 0.1384 328.9

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#540553

#055406

Analogous

#2E0554

#54052C

#540553

Triadic

#540553

#535405

#055354

Split Complementary

#540553

#2C5405

#05542E

Tetradic

#540553

#542E05

#055406

#052C54

Color Blindness Simulation

Original

#540553

Protanopia

#323140

Deuteranopia

#363C3C

Tritanopia

#50312E

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FBE0FA
200
#FBBCFA
300
#F88BF7
400
#F44DF2
500
#F10EEE
600
#C10BBE
700
#9A0998
800
#780777
900
#570A56
950
#370636

Contrast Checker

Text on white

13.78:1

AA Pass AAA Pass

Text on black

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