#543750

#543750

Color Values

HEX

#543750

RGB

84, 55, 80

HSL

308,3, 20,9%, 27,3%

HSV

308,3, 34,5%, 32,9%

CMYK

0,0%, 34,5%, 4,8%, 67,1%

OKLCH

0,3801 0,0565 331,6

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#543750

#37543B

Analogous

#4A3754

#543742

#543750

Triadic

#543750

#505437

#375054

Split Complementary

#543750

#425437

#37544A

Tetradic

#543750

#544A37

#37543B

#374254

Color Blindness Simulation

Original

#543750

Protanopia

#47474A

Deuteranopia

#494B48

Tritanopia

#534544

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E3D4E1
300
#CFB5CB
400
#B48DAF
500
#9A6593
600
#7B5175
700
#63415E
800
#4D3249
900
#3A2737
950
#241923

Contrast Checker

Text on white

10,3:1

AA Pass AAA Pass

Text on black

2,04: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