#542282

#542282

Color Values

HEX

#542282

RGB

84, 34, 130

HSL

271.2, 58.5%, 32.2%

HSV

271.2, 73.8%, 51.0%

CMYK

35.4%, 73.8%, 0.0%, 49.0%

OKLCH

0.3779 0.1528 303.6

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#542282

#508222

Analogous

#242282

#822280

#542282

Triadic

#542282

#825422

#228254

Split Complementary

#542282

#808222

#228224

Tetradic

#542282

#822422

#508222

#228082

Color Blindness Simulation

Original

#542282

Protanopia

#3E3E6B

Deuteranopia

#414565

Tritanopia

#525854

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE4F6
200
#DCC6F0
300
#C39EE6
400
#A369D8
500
#8235CA
600
#682AA2
700
#542281
800
#411A65
900
#31174A
950
#1F0E2F

Contrast Checker

Text on white

10.89:1

AA Pass AAA Pass

Text on black

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