#534151

#534151

Color Values

HEX

#534151

RGB

83, 65, 81

HSL

306.7, 12.2%, 29.0%

HSV

306.7, 21.7%, 32.5%

CMYK

0.0%, 21.7%, 2.4%, 67.5%

OKLCH

0.4003 0.0355 329.9

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#534151

#415343

Analogous

#4C4153

#534148

#534151

Triadic

#534151

#515341

#415153

Split Complementary

#534151

#485341

#41534C

Tetradic

#534151

#534C41

#415343

#414853

Color Blindness Simulation

Original

#534151

Protanopia

#4B4B4D

Deuteranopia

#4C4E4C

Tritanopia

#524A49

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEF
200
#E0D7DF
300
#C9BAC8
400
#AC95AA
500
#8F708C
600
#725A70
700
#5C4859
800
#483846
900
#362B35
950
#221B21

Contrast Checker

Text on white

9.36:1

AA Pass AAA Pass

Text on black

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