#53485F

#53485F

Color Values

HEX

#53485F

RGB

83, 72, 95

HSL

268.7, 13.8%, 32.7%

HSV

268.7, 24.2%, 37.3%

CMYK

12.6%, 24.2%, 0.0%, 62.7%

OKLCH

0.4217 0.0399 306.5

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#53485F

#545F48

Analogous

#48485F

#5E485F

#53485F

Triadic

#53485F

#5F5348

#485F53

Split Complementary

#53485F

#5F5E48

#485F48

Tetradic

#53485F

#5F4848

#545F48

#485F5E

Color Blindness Simulation

Original

#53485F

Protanopia

#4E4E59

Deuteranopia

#4F5058

Tritanopia

#525554

Achromatopsia

#4C4C4C

CSS Usage

background-color: #53485F;
color: #53485F;
border-color: #53485F;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F7F6F8
100
#EDEBEF
200
#DBD6E0
300
#C1B9CA
400
#A094AE
500
#7F6E91
600
#655874
700
#51465D
800
#3F3749
900
#302A36
950
#1E1B22

Contrast Checker

Text on white

8.54:1

AA Pass AAA Pass

Text on black

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