#53455D

#53455D

Color Values

HEX

#53455D

RGB

83, 69, 93

HSL

275.0, 14.8%, 31.8%

HSV

275.0, 25.8%, 36.5%

CMYK

10.8%, 25.8%, 0.0%, 63.5%

OKLCH

0.4142 0.043 310.9

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#53455D

#4F5D45

Analogous

#47455D

#5D455B

#53455D

Triadic

#53455D

#5D5345

#455D53

Split Complementary

#53455D

#5B5D45

#455D47

Tetradic

#53455D

#5D4745

#4F5D45

#455B5D

Color Blindness Simulation

Original

#53455D

Protanopia

#4D4D57

Deuteranopia

#4E4F56

Tritanopia

#525352

Achromatopsia

#4A4A4A

CSS Usage

background-color: #53455D;
color: #53455D;
border-color: #53455D;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DCD6E1
300
#C3B9CB
400
#A393AF
500
#836D92
600
#695775
700
#54465E
800
#413649
900
#322A37
950
#1F1B23

Contrast Checker

Text on white

8.83:1

AA Pass AAA Pass

Text on black

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