#5C4627

#5C4627

Color Values

HEX

#5C4627

RGB

92, 70, 39

HSL

35.1, 40.5%, 25.7%

HSV

35.1, 57.6%, 36.1%

CMYK

0.0%, 23.9%, 57.6%, 63.9%

OKLCH

0.4101 0.0548 74.7

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#5C4627

#273D5C

Analogous

#5C2C27

#585C27

#5C4627

Triadic

#5C4627

#275C46

#46275C

Split Complementary

#5C4627

#27585C

#2C275C

Tetradic

#5C4627

#275C2C

#273D5C

#5C2758

Color Blindness Simulation

Original

#5C4627

Protanopia

#52522E

Deuteranopia

#545530

Tritanopia

#5B3436

Achromatopsia

#484848

CSS Usage

background-color: #5C4627;
color: #5C4627;
border-color: #5C4627;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF8F5
100
#F3EEE7
200
#EADECD
300
#DBC6A9
400
#C7A77A
500
#B3884C
600
#8F6D3D
700
#735731
800
#5A4426
900
#42331F
950
#2A2013

Contrast Checker

Text on white

8.9:1

AA Pass AAA Pass

Text on black

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