#54106F

#54106F

Color Values

HEX

#54106F

RGB

84, 16, 111

HSL

282.9, 74.8%, 24.9%

HSV

282.9, 85.6%, 43.5%

CMYK

24.3%, 85.6%, 0.0%, 56.5%

OKLCH

0.3443 0.1533 313.5

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#54106F

#2B6F10

Analogous

#24106F

#6F105B

#54106F

Triadic

#54106F

#6F5410

#106F54

Split Complementary

#54106F

#5B6F10

#106F24

Tetradic

#54106F

#6F2410

#2B6F10

#105B6F

Color Blindness Simulation

Original

#54106F

Protanopia

#373658

Deuteranopia

#3A4052

Tritanopia

#514642

Achromatopsia

#252525

CSS Usage

background-color: #54106F;
color: #54106F;
border-color: #54106F;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F9F2FC
100
#F2E2F8
200
#E7C1F6
300
#D594F0
400
#BF5AE7
500
#A920DF
600
#871AB2
700
#6C158F
800
#54106F
900
#3E1051
950
#270A33

Contrast Checker

Text on white

12.5:1

AA Pass AAA Pass

Text on black

1.68:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026