#58620F

#58620F

Color Values

HEX

#58620F

RGB

88, 98, 15

HSL

67.2, 73.5%, 22.2%

HSV

67.2, 84.7%, 38.4%

CMYK

10.2%, 0.0%, 84.7%, 61.6%

OKLCH

0.4717 0.1018 116.7

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#58620F

#190F62

Analogous

#62430F

#2F620F

#58620F

Triadic

#58620F

#0F5862

#620F58

Split Complementary

#58620F

#0F2F62

#430F62

Tetradic

#58620F

#0F6243

#190F62

#620F2F

Color Blindness Simulation

Original

#58620F

Protanopia

#5C5C23

Deuteranopia

#5C5B28

Tritanopia

#583336

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F8E2
200
#EFF6C1
300
#E4EF95
400
#D5E65B
500
#C7DD22
600
#9FB11B
700
#7F8E16
800
#636F11
900
#495010
950
#2E330A

Contrast Checker

Text on white

6.63:1

AA Pass AAA Fail

Text on black

3.17:1

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