#584F48

#584F48

Color Values

HEX

#584F48

RGB

88, 79, 72

HSL

26.3, 10.0%, 31.4%

HSV

26.3, 18.2%, 34.5%

CMYK

0.0%, 10.2%, 18.2%, 65.5%

OKLCH

0.4342 0.0165 60.2

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#584F48

#485158

Analogous

#584849

#585748

#584F48

Triadic

#584F48

#48584F

#4F4858

Split Complementary

#584F48

#485857

#484958

Tetradic

#584F48

#495848

#485158

#574858

Color Blindness Simulation

Original

#584F48

Protanopia

#54544A

Deuteranopia

#55554A

Tritanopia

#584B4B

Achromatopsia

#505050

CSS Usage

background-color: #584F48;
color: #584F48;
border-color: #584F48;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F7F7
100
#EFEDEC
200
#DFDBD8
300
#C8C1BC
400
#AA9F97
500
#8C7E73
600
#70655C
700
#5A5149
800
#463F39
900
#35302C
950
#211E1C

Contrast Checker

Text on white

7.99:1

AA Pass AAA Pass

Text on black

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