#584858

#584858

Color Values

HEX

#584858

RGB

88, 72, 88

HSL

300.0, 10.0%, 31.4%

HSV

300.0, 18.2%, 34.5%

CMYK

0.0%, 18.2%, 0.0%, 65.5%

OKLCH

0.424 0.0332 326.1

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#584858

#485848

Analogous

#504858

#584850

#584858

Triadic

#584858

#585848

#485858

Split Complementary

#584858

#505848

#485850

Tetradic

#584858

#585048

#485848

#485058

Color Blindness Simulation

Original

#584858

Protanopia

#515154

Deuteranopia

#525353

Tritanopia

#575150

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFECEF
200
#DFD8DF
300
#C8BCC8
400
#AA97AA
500
#8C738C
600
#705C70
700
#5A495A
800
#463946
900
#352C35
950
#211C21

Contrast Checker

Text on white

8.46:1

AA Pass AAA Pass

Text on black

2.48:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026