#543B71

#543B71

Color Values

HEX

#543B71

RGB

84, 59, 113

HSL

267.8, 31.4%, 33.7%

HSV

267.8, 47.8%, 44.3%

CMYK

25.7%, 47.8%, 0.0%, 55.7%

OKLCH

0.4053 0.0917 304.0

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#543B71

#58713B

Analogous

#3B3D71

#6F3B71

#543B71

Triadic

#543B71

#71543B

#3B7154

Split Complementary

#543B71

#716F3B

#3D713B

Tetradic

#543B71

#713B3D

#58713B

#3B716F

Color Blindness Simulation

Original

#543B71

Protanopia

#494964

Deuteranopia

#4B4C61

Tritanopia

#535A57

Achromatopsia

#444444

CSS Usage

background-color: #543B71;
color: #543B71;
border-color: #543B71;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F7F5F9
100
#EDE8F2
200
#DAD0E7
300
#C0AFD5
400
#9E83BE
500
#7D57A8
600
#644686
700
#50386B
800
#3E2C54
900
#2F233E
950
#1E1627

Contrast Checker

Text on white

9.37:1

AA Pass AAA Pass

Text on black

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