#58561F

#58561F

Color Values

HEX

#58561F

RGB

88, 86, 31

HSL

57.9, 47.9%, 23.3%

HSV

57.9, 64.8%, 34.5%

CMYK

0.0%, 2.3%, 64.8%, 65.5%

OKLCH

0.4428 0.0755 107.2

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#58561F

#1F2158

Analogous

#58391F

#3D581F

#58561F

Triadic

#58561F

#1F5856

#561F58

Split Complementary

#58561F

#1F3D58

#391F58

Tetradic

#58561F

#1F5839

#1F2158

#581F3D

Color Blindness Simulation

Original

#58561F

Protanopia

#57572C

Deuteranopia

#575730

Tritanopia

#583739

Achromatopsia

#525252

CSS Usage

background-color: #58561F;
color: #58561F;
border-color: #58561F;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#ECEBCA
300
#DFDDA4
400
#CECB73
500
#BDB842
600
#979335
700
#79762B
800
#5E5C21
900
#45441C
950
#2C2B11

Contrast Checker

Text on white

7.59:1

AA Pass AAA Pass

Text on black

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