#5F4D16

#5F4D16

Color Values

HEX

#5F4D16

RGB

95, 77, 22

HSL

45.2, 62.4%, 22.9%

HSV

45.2, 76.8%, 37.3%

CMYK

0.0%, 18.9%, 76.8%, 62.7%

OKLCH

0.4277 0.0753 90.3

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#5F4D16

#16285F

Analogous

#5F2816

#4C5F16

#5F4D16

Triadic

#5F4D16

#165F4D

#4D165F

Split Complementary

#5F4D16

#164C5F

#28165F

Tetradic

#5F4D16

#165F28

#16285F

#5F164C

Color Blindness Simulation

Original

#5F4D16

Protanopia

#575723

Deuteranopia

#585A26

Tritanopia

#5E2E30

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FBF9F3
100
#F7F2E4
200
#F2E7C5
300
#E8D59C
400
#DCBE66
500
#CFA830
600
#A68626
700
#856B1F
800
#685418
900
#4C3E15
950
#30270D

Contrast Checker

Text on white

8.2:1

AA Pass AAA Pass

Text on black

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