#58580E

#58580E

Color Values

HEX

#58580E

RGB

88, 88, 14

HSL

60.0, 72.5%, 20.0%

HSV

60.0, 84.1%, 34.5%

CMYK

0.0%, 0.0%, 84.1%, 65.5%

OKLCH

0.4463 0.0906 109.6

Properties

Warm Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#58580E

#0E0E58

Analogous

#58330E

#33580E

#58580E

Triadic

#58580E

#0E5858

#580E58

Split Complementary

#58580E

#0E3358

#330E58

Tetradic

#58580E

#0E5833

#0E0E58

#580E33

Color Blindness Simulation

Original

#58580E

Protanopia

#585820

Deuteranopia

#585824

Tritanopia

#582E31

Achromatopsia

#535353

CSS Usage

background-color: #58580E;
color: #58580E;
border-color: #58580E;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FCFCF3
100
#F8F8E2
200
#F5F5C1
300
#EEEE95
400
#E5E55C
500
#DCDC23
600
#B0B01C
700
#8D8D16
800
#6E6E12
900
#505011
950
#33330B

Contrast Checker

Text on white

7.45:1

AA Pass AAA Pass

Text on black

2.82:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026