#542CD3

#542CD3

Color Values

HEX

#542CD3

RGB

84, 44, 211

HSL

254,4, 65,5%, 50,0%

HSV

254,4, 79,1%, 82,7%

CMYK

60,2%, 79,1%, 0,0%, 17,3%

OKLCH

0,4644 0,233 283,6

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#542CD3

#ABD32C

Analogous

#2C57D3

#A82CD3

#542CD3

Triadic

#542CD3

#D3542C

#2CD354

Split Complementary

#542CD3

#D3A82C

#57D32C

Tetradic

#542CD3

#D32C57

#ABD32C

#2CD3A8

Color Blindness Simulation

Original

#542CD3

Protanopia

#4342AB

Deuteranopia

#4548A1

Tritanopia

#528B84

Achromatopsia

#414141

CSS Usage

background-color: #542CD3;
color: #542CD3;
border-color: #542CD3;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F3FC
100
#E8E3F7
200
#CFC4F3
300
#AD9AEA
400
#8163DE
500
#542CD3
600
#4323A9
700
#361C87
800
#2A166A
900
#22144D
950
#150D31

Contrast Checker

Text on white

7,84:1

AA Pass AAA Pass

Text on black

2,68:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Fév 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Fév 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Fév 20, 2026