#584355

#584355

Color Values

HEX

#584355

RGB

88, 67, 85

HSL

308.6, 13.5%, 30.4%

HSV

308.6, 23.9%, 34.5%

CMYK

0.0%, 23.9%, 3.4%, 65.5%

OKLCH

0.4119 0.0403 331.2

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#584355

#435846

Analogous

#514358

#58434B

#584355

Triadic

#584355

#555843

#435558

Split Complementary

#584355

#4B5843

#435851

Tetradic

#584355

#585143

#435846

#434B58

Color Blindness Simulation

Original

#584355

Protanopia

#4F4F51

Deuteranopia

#505250

Tritanopia

#574D4C

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#E0D6DF
300
#CABAC8
400
#AD94AA
500
#916E8C
600
#745870
700
#5D4759
800
#483746
900
#362B35
950
#221B21

Contrast Checker

Text on white

8.94:1

AA Pass AAA Pass

Text on black

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