#542DF4

#542DF4

Color Values

HEX

#542DF4

RGB

84, 45, 244

HSL

251.8, 90.0%, 56.7%

HSV

251.8, 81.6%, 95.7%

CMYK

65.6%, 81.6%, 0.0%, 4.3%

OKLCH

0.4993 0.2678 279.5

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#542DF4

#CDF42D

Analogous

#2D69F4

#B82DF4

#542DF4

Triadic

#542DF4

#F4542D

#2DF454

Split Complementary

#542DF4

#F4B82D

#69F42D

Tetradic

#542DF4

#F42D69

#CDF42D

#2DF4B8

Color Blindness Simulation

Original

#542DF4

Protanopia

#4343C4

Deuteranopia

#4548B8

Tritanopia

#529E95

Achromatopsia

#444444

CSS Usage

background-color: #542DF4;
color: #542DF4;
border-color: #542DF4;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F4F1FD
100
#E5DFFB
200
#C8BBFB
300
#A08BF9
400
#6D4CF6
500
#3A0DF2
600
#2E0AC2
700
#25089B
800
#1D0679
900
#190958
950
#100637

Contrast Checker

Text on white

6.87:1

AA Pass AAA Fail

Text on black

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