#544D52

#544D52

Color Values

HEX

#544D52

RGB

84, 77, 82

HSL

317.1, 4.3%, 31.6%

HSV

317.1, 8.3%, 32.9%

CMYK

0.0%, 8.3%, 2.4%, 67.1%

OKLCH

0.4288 0.0122 335.8

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#544D52

#4D544F

Analogous

#534D54

#544D4F

#544D52

Triadic

#544D52

#52544D

#4D5254

Split Complementary

#544D52

#4F544D

#4D5453

Tetradic

#544D52

#54534D

#4D544F

#4D4F54

Color Blindness Simulation

Original

#544D52

Protanopia

#515151

Deuteranopia

#515250

Tritanopia

#545050

Achromatopsia

#4F4F4F

CSS Usage

background-color: #544D52;
color: #544D52;
border-color: #544D52;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DDDADC
300
#C4BFC3
400
#A59DA2
500
#857A82
600
#6A6268
700
#554E53
800
#423D41
900
#322F31
950
#201D1F

Contrast Checker

Text on white

8.2:1

AA Pass AAA Pass

Text on black

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