#54166A

#54166A

Color Values

HEX

#54166A

RGB

84, 22, 106

HSL

284.3, 65.6%, 25.1%

HSV

284.3, 79.2%, 41.6%

CMYK

20.8%, 79.2%, 0.0%, 58.4%

OKLCH

0.3455 0.1423 315.4

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#54166A

#2C6A16

Analogous

#2A166A

#6A1656

#54166A

Triadic

#54166A

#6A5416

#166A54

Split Complementary

#54166A

#566A16

#166A2A

Tetradic

#54166A

#6A2A16

#2C6A16

#16566A

Color Blindness Simulation

Original

#54166A

Protanopia

#393956

Deuteranopia

#3D4151

Tritanopia

#514642

Achromatopsia

#292929

CSS Usage

background-color: #54166A;
color: #54166A;
border-color: #54166A;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F9F3FC
100
#F2E3F7
200
#E6C4F3
300
#D59AEA
400
#BE63DF
500
#A72CD3
600
#8623A9
700
#6B1C87
800
#54166A
900
#3E144D
950
#270D31

Contrast Checker

Text on white

12.35:1

AA Pass AAA Pass

Text on black

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