#58331B

#58331B

Color Values

HEX

#58331B

RGB

88, 51, 27

HSL

23.6, 53.0%, 22.5%

HSV

23.6, 69.3%, 34.5%

CMYK

0.0%, 42.0%, 69.3%, 65.5%

OKLCH

0.3615 0.0648 52.3

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#58331B

#1B4058

Analogous

#581B21

#58511B

#58331B

Triadic

#58331B

#1B5833

#331B58

Split Complementary

#58331B

#1B5851

#1B2158

Tetradic

#58331B

#21581B

#1B4058

#511B58

Color Blindness Simulation

Original

#58331B

Protanopia

#484821

Deuteranopia

#4A4D22

Tritanopia

#562526

Achromatopsia

#393939

CSS Usage

background-color: #58331B;
color: #58331B;
border-color: #58331B;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FBF7F4
100
#F5EBE5
200
#EED7C8
300
#E2BBA1
400
#D3966F
500
#C3713C
600
#9C5A30
700
#7D4826
800
#62391E
900
#482C19
950
#2D1B10

Contrast Checker

Text on white

11.03:1

AA Pass AAA Pass

Text on black

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