#5404C8

#5404C8

Color Values

HEX

#5404C8

RGB

84, 4, 200

HSL

264.5, 96.1%, 40.0%

HSV

264.5, 98.0%, 78.4%

CMYK

58.0%, 98.0%, 0.0%, 21.6%

OKLCH

0.4268 0.2429 287.6

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#5404C8

#78C804

Analogous

#0416C8

#B604C8

#5404C8

Triadic

#5404C8

#C85404

#04C854

Split Complementary

#5404C8

#C8B604

#16C804

Tetradic

#5404C8

#C80416

#78C804

#04C8B6

Color Blindness Simulation

Original

#5404C8

Protanopia

#313199

Deuteranopia

#363C8D

Tritanopia

#50736B

Achromatopsia

#232323

CSS Usage

background-color: #5404C8;
color: #5404C8;
border-color: #5404C8;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F6F1FE
100
#EADFFC
200
#D5B9FE
300
#B787FD
400
#9046FB
500
#6905FA
600
#5404C8
700
#4303A0
800
#35027D
900
#29075A
950
#1A0439

Contrast Checker

Text on white

9.42:1

AA Pass AAA Pass

Text on black

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