#58862C

#58862C

Color Values

HEX

#58862C

RGB

88, 134, 44

HSL

90.7, 50.6%, 34.9%

HSV

90.7, 67.2%, 52.5%

CMYK

34.3%, 0.0%, 67.2%, 47.5%

OKLCH

0.5674 0.1304 132.4

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#58862C

#5A2C86

Analogous

#85862C

#2C862D

#58862C

Triadic

#58862C

#2C5886

#862C58

Split Complementary

#58862C

#2D2C86

#862C85

Tetradic

#58862C

#2C8586

#5A2C86

#862D2C

Color Blindness Simulation

Original

#58862C

Protanopia

#6C6C42

Deuteranopia

#696647

Tritanopia

#5A5357

Achromatopsia

#767676

CSS Usage

background-color: #58862C;
color: #58862C;
border-color: #58862C;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FBF4
100
#EDF5E5
200
#DBEDC9
300
#C1E1A3
400
#A0D071
500
#7EC03F
600
#659A32
700
#517B28
800
#3F601F
900
#30471A
950
#1E2D11

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

4.86:1

AA Pass 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