#58713B

#58713B

Color Values

HEX

#58713B

RGB

88, 113, 59

HSL

87.8, 31.4%, 33.7%

HSV

87.8, 47.8%, 44.3%

CMYK

22.1%, 0.0%, 47.8%, 55.7%

OKLCH

0.515 0.0842 129.3

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#58713B

#543B71

Analogous

#716F3B

#3D713B

#58713B

Triadic

#58713B

#3B5871

#713B58

Split Complementary

#58713B

#3B3D71

#6F3B71

Tetradic

#58713B

#3B716F

#543B71

#713B3D

Color Blindness Simulation

Original

#58713B

Protanopia

#636348

Deuteranopia

#61604B

Tritanopia

#595255

Achromatopsia

#686868

CSS Usage

background-color: #58713B;
color: #58713B;
border-color: #58713B;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F7F9F5
100
#EDF2E8
200
#DCE7D0
300
#C3D5AF
400
#A3BE83
500
#82A857
600
#688646
700
#536B38
800
#41542C
900
#313E23
950
#1F2716

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

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