#58861F

#58861F

Color Values

HEX

#58861F

RGB

88, 134, 31

HSL

86.8, 62.4%, 32.4%

HSV

86.8, 76.9%, 52.5%

CMYK

34.3%, 0.0%, 76.9%, 47.5%

OKLCH

0.5663 0.1394 131.1

Properties

Cool Light Nearest: olivedrab 4

Color Harmonies

Complementary

#58861F

#4D1F86

Analogous

#86811F

#25861F

#58861F

Triadic

#58861F

#1F5886

#861F58

Split Complementary

#58861F

#1F2586

#811F86

Tetradic

#58861F

#1F8681

#4D1F86

#861F25

Color Blindness Simulation

Original

#58861F

Protanopia

#6C6C38

Deuteranopia

#69663E

Tritanopia

#5A4C50

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F8FBF3
100
#EEF7E4
200
#DEF2C5
300
#C6E89C
400
#A7DC66
500
#88CF30
600
#6DA626
700
#57851F
800
#446818
900
#334C15
950
#20300D

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

4.84:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026