#58484E

#58484E

Color Values

HEX

#58484E

RGB

88, 72, 78

HSL

337.5, 10.0%, 31.4%

HSV

337.5, 18.2%, 34.5%

CMYK

0.0%, 18.2%, 11.4%, 65.5%

OKLCH

0.4202 0.0236 353.6

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#58484E

#485852

Analogous

#584856

#584A48

#58484E

Triadic

#58484E

#4E5848

#484E58

Split Complementary

#58484E

#48584A

#485658

Tetradic

#58484E

#565848

#485852

#4A4858

Color Blindness Simulation

Original

#58484E

Protanopia

#51514D

Deuteranopia

#52534C

Tritanopia

#574B4B

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECED
200
#DFD8DA
300
#C8BCC0
400
#AA979E
500
#8C737C
600
#705C63
700
#5A4950
800
#46393E
900
#352C2F
950
#211C1E

Contrast Checker

Text on white

8.56:1

AA Pass AAA Pass

Text on black

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