#5B4017

#5B4017

Color Values

HEX

#5B4017

RGB

91, 64, 23

HSL

36.2, 59.6%, 22.4%

HSV

36.2, 74.7%, 35.7%

CMYK

0.0%, 29.7%, 74.7%, 64.3%

OKLCH

0.3931 0.0674 74.7

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#5B4017

#17325B

Analogous

#5B1E17

#545B17

#5B4017

Triadic

#5B4017

#175B40

#40175B

Split Complementary

#5B4017

#17545B

#1E175B

Tetradic

#5B4017

#175B1E

#17325B

#5B1754

Color Blindness Simulation

Original

#5B4017

Protanopia

#4F4F21

Deuteranopia

#515323

Tritanopia

#5A292A

Achromatopsia

#434343

CSS Usage

background-color: #5B4017;
color: #5B4017;
border-color: #5B4017;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FBF8F3
100
#F6EFE4
200
#F1E0C6
300
#E6C99D
400
#D9AC68
500
#CB8F34
600
#A37329
700
#825C21
800
#66481A
900
#4A3616
950
#2F220E

Contrast Checker

Text on white

9.59:1

AA Pass AAA Pass

Text on black

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