#58822F

#58822F

Color Values

HEX

#58822F

RGB

88, 130, 47

HSL

90.4, 46.9%, 34.7%

HSV

90.4, 63.8%, 51.0%

CMYK

32.3%, 0.0%, 63.8%, 49.0%

OKLCH

0.5572 0.1222 132.0

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#58822F

#592F82

Analogous

#81822F

#2F8230

#58822F

Triadic

#58822F

#2F5882

#822F58

Split Complementary

#58822F

#302F82

#822F81

Tetradic

#58822F

#2F8182

#592F82

#82302F

Color Blindness Simulation

Original

#58822F

Protanopia

#6A6B43

Deuteranopia

#686548

Tritanopia

#5A5356

Achromatopsia

#737373

CSS Usage

background-color: #58822F;
color: #58822F;
border-color: #58822F;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FAF4
100
#EDF4E6
200
#DBECCB
300
#C1DFA5
400
#A0CD74
500
#7FBB44
600
#659636
700
#51782B
800
#3F5E22
900
#30451C
950
#1E2C12

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

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