#58602C

#58602C

Color Values

HEX

#58602C

RGB

88, 96, 44

HSL

69.2, 37.1%, 27.5%

HSV

69.2, 54.2%, 37.6%

CMYK

8.3%, 0.0%, 54.2%, 62.4%

OKLCH

0.4695 0.0751 116.6

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#58602C

#342C60

Analogous

#604E2C

#3E602C

#58602C

Triadic

#58602C

#2C5860

#602C58

Split Complementary

#58602C

#2C3E60

#4E2C60

Tetradic

#58602C

#2C604E

#342C60

#602C3E

Color Blindness Simulation

Original

#58602C

Protanopia

#5B5C39

Deuteranopia

#5B5A3C

Tritanopia

#584345

Achromatopsia

#5B5B5B

CSS Usage

background-color: #58602C;
color: #58602C;
border-color: #58602C;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F9FAF5
100
#F1F3E8
200
#E4E9CE
300
#D2D9AB
400
#B9C47E
500
#A0AF50
600
#808C40
700
#677033
800
#505728
900
#3C4120
950
#262914

Contrast Checker

Text on white

6.72:1

AA Pass AAA Fail

Text on black

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