#5F4316

#5F4316

Color Values

HEX

#5F4316

RGB

95, 67, 22

HSL

37.0, 62.4%, 22.9%

HSV

37.0, 76.8%, 37.3%

CMYK

0.0%, 29.5%, 76.8%, 62.7%

OKLCH

0.4048 0.0713 75.8

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#5F4316

#16325F

Analogous

#5F1E16

#565F16

#5F4316

Triadic

#5F4316

#165F43

#43165F

Split Complementary

#5F4316

#16565F

#1E165F

Tetradic

#5F4316

#165F1E

#16325F

#5F1656

Color Blindness Simulation

Original

#5F4316

Protanopia

#535321

Deuteranopia

#545724

Tritanopia

#5E292B

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F7EFE4
200
#F2E0C5
300
#E8CB9C
400
#DCAE66
500
#CF9230
600
#A67526
700
#855D1F
800
#684918
900
#4C3715
950
#30230D

Contrast Checker

Text on white

9.13:1

AA Pass AAA Pass

Text on black

2.3:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026