#54049F

#54049F

Color Values

HEX

#54049F

RGB

84, 4, 159

HSL

271.0, 95.1%, 32.0%

HSV

271.0, 97.5%, 62.4%

CMYK

47.2%, 97.5%, 0.0%, 37.6%

OKLCH

0.3827 0.2047 297.1

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#54049F

#4F9F04

Analogous

#07049F

#9F049D

#54049F

Triadic

#54049F

#9F5404

#049F54

Split Complementary

#54049F

#9D9F04

#049F07

Tetradic

#54049F

#9F0704

#4F9F04

#049D9F

Color Blindness Simulation

Original

#54049F

Protanopia

#31317A

Deuteranopia

#363C70

Tritanopia

#505C55

Achromatopsia

#202020

CSS Usage

background-color: #54049F;
color: #54049F;
border-color: #54049F;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F8F1FE
100
#EEDFFC
200
#DCB9FD
300
#C488FC
400
#A447FA
500
#8406F9
600
#6905C7
700
#54049F
800
#42037C
900
#32075A
950
#1F0439

Contrast Checker

Text on white

11.08:1

AA Pass AAA Pass

Text on black

1.89:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026