#58782F

#58782F

Color Values

HEX

#58782F

RGB

88, 120, 47

HSL

86.3, 43.7%, 32.7%

HSV

86.3, 60.8%, 47.1%

CMYK

26.7%, 0.0%, 60.8%, 52.9%

OKLCH

0.5313 0.1077 129.3

Properties

Cool Dark Nearest: darkolivegreen 4

Color Harmonies

Complementary

#58782F

#4F2F78

Analogous

#78732F

#33782F

#58782F

Triadic

#58782F

#2F5878

#782F58

Split Complementary

#58782F

#2F3378

#732F78

Tetradic

#58782F

#2F7873

#4F2F78

#782F33

Color Blindness Simulation

Original

#58782F

Protanopia

#666641

Deuteranopia

#646245

Tritanopia

#5A4F52

Achromatopsia

#6C6C6C

CSS Usage

background-color: #58782F;
color: #58782F;
border-color: #58782F;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FAF5
100
#EEF4E7
200
#DDEBCC
300
#C5DDA7
400
#A6CA77
500
#86B748
600
#6B9339
700
#56752E
800
#435C24
900
#33441D
950
#202B13

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

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