#5F4826

#5F4826

Color Values

HEX

#5F4826

RGB

95, 72, 38

HSL

35.8, 42.9%, 26.1%

HSV

35.8, 60.0%, 37.3%

CMYK

0.0%, 24.2%, 60.0%, 62.7%

OKLCH

0.4181 0.0585 75.8

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#5F4826

#263D5F

Analogous

#5F2C26

#5A5F26

#5F4826

Triadic

#5F4826

#265F48

#48265F

Split Complementary

#5F4826

#265A5F

#2C265F

Tetradic

#5F4826

#265F2C

#263D5F

#5F265A

Color Blindness Simulation

Original

#5F4826

Protanopia

#55552E

Deuteranopia

#565830

Tritanopia

#5E3536

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F4EEE7
200
#EBDECC
300
#DCC7A8
400
#C9A878
500
#B68A49
600
#926E3A
700
#75582F
800
#5B4524
900
#43341E
950
#2A2113

Contrast Checker

Text on white

8.6:1

AA Pass AAA Pass

Text on black

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