#58563B

#58563B

Color Values

HEX

#58563B

RGB

88, 86, 59

HSL

55.9, 19.7%, 28.8%

HSV

55.9, 33.0%, 34.5%

CMYK

0.0%, 2.3%, 33.0%, 65.5%

OKLCH

0.4475 0.0414 104.4

Properties

Warm Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#58563B

#3B3D58

Analogous

#58473B

#4B583B

#58563B

Triadic

#58563B

#3B5856

#563B58

Split Complementary

#58563B

#3B4B58

#473B58

Tetradic

#58563B

#3B5847

#3B3D58

#583B4B

Color Blindness Simulation

Original

#58563B

Protanopia

#575742

Deuteranopia

#575743

Tritanopia

#584748

Achromatopsia

#545454

CSS Usage

background-color: #58563B;
color: #58563B;
border-color: #58563B;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F8F6
100
#F0F0EA
200
#E2E1D4
300
#CECCB6
400
#B3B18E
500
#999566
600
#7A7752
700
#625F42
800
#4C4B33
900
#393828
950
#242319

Contrast Checker

Text on white

7.48:1

AA Pass AAA Pass

Text on black

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