#5F3F12

#5F3F12

Color Values

HEX

#5F3F12

RGB

95, 63, 18

HSL

35.1, 68.1%, 22.2%

HSV

35.1, 81.1%, 37.3%

CMYK

0.0%, 33.7%, 81.1%, 62.7%

OKLCH

0.3957 0.0737 71.3

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#5F3F12

#12325F

Analogous

#5F1912

#595F12

#5F3F12

Triadic

#5F3F12

#125F3F

#3F125F

Split Complementary

#5F3F12

#12595F

#19125F

Tetradic

#5F3F12

#125F19

#12325F

#5F1259

Color Blindness Simulation

Original

#5F3F12

Protanopia

#51511D

Deuteranopia

#535520

Tritanopia

#5D2527

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EFE3
200
#F4DFC3
300
#EBC998
400
#E1AC60
500
#D68E29
600
#AB7221
700
#895B1A
800
#6B4714
900
#4E3513
950
#31220C

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

2.21:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026