#544958

#544958

Color Values

HEX

#544958

RGB

84, 73, 88

HSL

284.0, 9.3%, 31.6%

HSV

284.0, 17.0%, 34.5%

CMYK

4.5%, 17.0%, 0.0%, 65.5%

OKLCH

0.422 0.0282 317.0

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#544958

#4D5849

Analogous

#4D4958

#584955

#544958

Triadic

#544958

#585449

#495854

Split Complementary

#544958

#555849

#49584D

Tetradic

#544958

#584D49

#4D5849

#495558

Color Blindness Simulation

Original

#544958

Protanopia

#4F4F54

Deuteranopia

#505154

Tritanopia

#535251

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEF
200
#DDD8DF
300
#C4BCC7
400
#A598A9
500
#85748B
600
#6A5D6F
700
#554A59
800
#433A46
900
#322C35
950
#201C21

Contrast Checker

Text on white

8.5:1

AA Pass AAA Pass

Text on black

2.47:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026