#58542C

#58542C

Color Values

HEX

#58542C

RGB

88, 84, 44

HSL

54.5, 33.3%, 25.9%

HSV

54.5, 50.0%, 34.5%

CMYK

0.0%, 4.5%, 50.0%, 65.5%

OKLCH

0.4397 0.0588 103.5

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#58542C

#2C3058

Analogous

#583E2C

#46582C

#58542C

Triadic

#58542C

#2C5854

#542C58

Split Complementary

#58542C

#2C4658

#3E2C58

Tetradic

#58542C

#2C583E

#2C3058

#582C46

Color Blindness Simulation

Original

#58542C

Protanopia

#565636

Deuteranopia

#565738

Tritanopia

#583D3F

Achromatopsia

#525252

CSS Usage

background-color: #58542C;
color: #58542C;
border-color: #58542C;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FAF9F5
100
#F2F1E8
200
#E7E5CF
300
#D6D2AD
400
#C0BA81
500
#AAA255
600
#888244
700
#6D6836
800
#55512B
900
#3F3C22
950
#282615

Contrast Checker

Text on white

7.72:1

AA Pass AAA Pass

Text on black

2.72:1

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