#58301F

#58301F

Color Values

HEX

#58301F

RGB

88, 48, 31

HSL

17.9, 47.9%, 23.3%

HSV

17.9, 64.8%, 34.5%

CMYK

0.0%, 45.5%, 64.8%, 65.5%

OKLCH

0.3561 0.0647 43.3

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#58301F

#1F4758

Analogous

#581F2A

#584C1F

#58301F

Triadic

#58301F

#1F5830

#301F58

Split Complementary

#58301F

#1F584C

#1F2A58

Tetradic

#58301F

#2A581F

#1F4758

#4C1F58

Color Blindness Simulation

Original

#58301F

Protanopia

#474623

Deuteranopia

#494C24

Tritanopia

#562627

Achromatopsia

#373737

CSS Usage

background-color: #58301F;
color: #58301F;
border-color: #58301F;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF6F4
100
#F4EAE6
200
#ECD4CA
300
#DFB6A4
400
#CE8E73
500
#BD6742
600
#975235
700
#79422B
800
#5E3321
900
#45281C
950
#2C1911

Contrast Checker

Text on white

11.31:1

AA Pass AAA Pass

Text on black

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