#54187C

#54187C

Color Values

HEX

#54187C

RGB

84, 24, 124

HSL

276.0, 67.6%, 29.0%

HSV

276.0, 80.6%, 48.6%

CMYK

32.3%, 80.6%, 0.0%, 51.4%

OKLCH

0.362 0.1581 307.2

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#54187C

#407C18

Analogous

#22187C

#7C1872

#54187C

Triadic

#54187C

#7C5418

#187C54

Split Complementary

#54187C

#727C18

#187C22

Tetradic

#54187C

#7C2218

#407C18

#18727C

Color Blindness Simulation

Original

#54187C

Protanopia

#3A3964

Deuteranopia

#3E425E

Tritanopia

#51514C

Achromatopsia

#2C2C2C

CSS Usage

background-color: #54187C;
color: #54187C;
border-color: #54187C;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#E0C3F3
300
#CA98EB
400
#AD61E0
500
#9129D6
600
#7421AB
700
#5D1A89
800
#48156B
900
#36134E
950
#220C31

Contrast Checker

Text on white

11.68:1

AA Pass AAA Pass

Text on black

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