#543D52

#543D52

Color Values

HEX

#543D52

RGB

84, 61, 82

HSL

305.2, 15.9%, 28.4%

HSV

305.2, 27.4%, 32.9%

CMYK

0.0%, 27.4%, 2.4%, 67.1%

OKLCH

0.3933 0.046 329.3

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#543D52

#3D543F

Analogous

#4A3D54

#543D46

#543D52

Triadic

#543D52

#52543D

#3D5254

Split Complementary

#543D52

#46543D

#3D544A

Tetradic

#543D52

#544A3D

#3D543F

#3D4654

Color Blindness Simulation

Original

#543D52

Protanopia

#4A4A4D

Deuteranopia

#4B4D4C

Tritanopia

#534948

Achromatopsia

#434343

CSS Usage

background-color: #543D52;
color: #543D52;
border-color: #543D52;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F8F6F8
100
#F0EBEF
200
#E1D6E0
300
#CCB8CA
400
#B092AD
500
#946B90
600
#765673
700
#5F455C
800
#4A3648
900
#372A36
950
#231A22

Contrast Checker

Text on white

9.69:1

AA Pass AAA Pass

Text on black

2.17:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026