#543399

#543399

Color Values

HEX

#543399

RGB

84, 51, 153

HSL

259.4, 50.0%, 40.0%

HSV

259.4, 66.7%, 60.0%

CMYK

45.1%, 66.7%, 0.0%, 40.0%

OKLCH

0.42 0.1578 293.3

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#543399

#789933

Analogous

#334599

#873399

#543399

Triadic

#543399

#995433

#339954

Split Complementary

#543399

#998733

#459933

Tetradic

#543399

#993345

#789933

#339987

Color Blindness Simulation

Original

#543399

Protanopia

#464580

Deuteranopia

#484A7A

Tritanopia

#526D69

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F6F4FB
100
#EAE6F5
200
#D5C9ED
300
#B7A3E0
400
#9071D0
500
#6940BF
600
#543399
700
#43297A
800
#342060
900
#291B46
950
#1A112C

Contrast Checker

Text on white

9.09:1

AA Pass AAA Pass

Text on black

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