#543879

#543879

Color Values

HEX

#543879

RGB

84, 56, 121

HSL

265.8, 36.7%, 34.7%

HSV

265.8, 53.7%, 47.5%

CMYK

30.6%, 53.7%, 0.0%, 52.5%

OKLCH

0.4047 0.1081 301.6

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#543879

#5D7938

Analogous

#383D79

#743879

#543879

Triadic

#543879

#795438

#387954

Split Complementary

#543879

#797438

#3D7938

Tetradic

#543879

#79383D

#5D7938

#387974

Color Blindness Simulation

Original

#543879

Protanopia

#484869

Deuteranopia

#4A4C65

Tritanopia

#535D5A

Achromatopsia

#434343

CSS Usage

background-color: #543879;
color: #543879;
border-color: #543879;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5FA
100
#ECE8F3
200
#D9CEE8
300
#BFABD8
400
#9C7EC3
500
#7951AE
600
#61418B
700
#4D3470
800
#3C2857
900
#2E2040
950
#1D1429

Contrast Checker

Text on white

9.46:1

AA Pass AAA Pass

Text on black

2.22:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026