#542669

#542669

Color Values

HEX

#542669

RGB

84, 38, 105

HSL

281.2, 46.9%, 28.0%

HSV

281.2, 63.8%, 41.2%

CMYK

20.0%, 63.8%, 0.0%, 58.8%

OKLCH

0.3645 0.1185 313.8

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#542669

#3B6926

Analogous

#322669

#69265C

#542669

Triadic

#542669

#695426

#266954

Split Complementary

#542669

#5C6926

#266932

Tetradic

#542669

#693226

#3B6926

#265C69

Color Blindness Simulation

Original

#542669

Protanopia

#404059

Deuteranopia

#434655

Tritanopia

#524C49

Achromatopsia

#353535

CSS Usage

background-color: #542669;
color: #542669;
border-color: #542669;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F8F4FA
100
#F0E6F4
200
#E2CBEC
300
#CDA5DF
400
#B174CD
500
#9644BB
600
#783696
700
#602B78
800
#4B225E
900
#381C45
950
#23122C

Contrast Checker

Text on white

11.3:1

AA Pass AAA Pass

Text on black

1.86:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026