#5D4D16

#5D4D16

Color Values

HEX

#5D4D16

RGB

93, 77, 22

HSL

46.5, 61.7%, 22.5%

HSV

46.5, 76.3%, 36.5%

CMYK

0.0%, 17.2%, 76.3%, 63.5%

OKLCH

0.4254 0.0749 92.4

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#5D4D16

#16265D

Analogous

#5D2916

#495D16

#5D4D16

Triadic

#5D4D16

#165D4D

#4D165D

Split Complementary

#5D4D16

#16495D

#29165D

Tetradic

#5D4D16

#165D29

#16265D

#5D1649

Color Blindness Simulation

Original

#5D4D16

Protanopia

#565623

Deuteranopia

#575826

Tritanopia

#5C2E30

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FBFAF3
100
#F7F2E4
200
#F1E7C5
300
#E8D79C
400
#DBC166
500
#CEAB31
600
#A58927
700
#846D1F
800
#675518
900
#4B3F16
950
#30280E

Contrast Checker

Text on white

8.27:1

AA Pass AAA Pass

Text on black

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