#5F3112

#5F3112

Color Values

HEX

#5F3112

RGB

95, 49, 18

HSL

24.2, 68.1%, 22.2%

HSV

24.2, 81.1%, 37.3%

CMYK

0.0%, 48.4%, 81.1%, 62.7%

OKLCH

0.367 0.0792 51.4

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#5F3112

#12405F

Analogous

#5F121A

#5F5812

#5F3112

Triadic

#5F3112

#125F31

#31125F

Split Complementary

#5F3112

#125F58

#121A5F

Tetradic

#5F3112

#1A5F12

#12405F

#58125F

Color Blindness Simulation

Original

#5F3112

Protanopia

#4B4B19

Deuteranopia

#4E511B

Tritanopia

#5D1F21

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FCF6F3
100
#F7EBE3
200
#F4D7C3
300
#EBBA98
400
#E19460
500
#D66F29
600
#AB5921
700
#89471A
800
#6B3714
900
#4E2B13
950
#311B0C

Contrast Checker

Text on white

10.85:1

AA Pass AAA Pass

Text on black

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