#4F3416

#4F3416

Color Values

HEX

#4F3416

RGB

79, 52, 22

HSL

31.6, 56.4%, 19.8%

HSV

31.6, 72.2%, 31.0%

CMYK

0.0%, 34.2%, 72.2%, 69.0%

OKLCH

0.3502 0.0586 66.6

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#4F3416

#16314F

Analogous

#4F1816

#4D4F16

#4F3416

Triadic

#4F3416

#164F34

#34164F

Split Complementary

#4F3416

#164D4F

#18164F

Tetradic

#4F3416

#164F18

#16314F

#4F164D

Color Blindness Simulation

Original

#4F3416

Protanopia

#43431D

Deuteranopia

#45471F

Tritanopia

#4E2324

Achromatopsia

#383838

CSS Usage

background-color: #4F3416;
color: #4F3416;
border-color: #4F3416;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FBF8F4
100
#F6EEE5
200
#EFDCC7
300
#E4C49F
400
#D6A36B
500
#C78338
600
#A0692C
700
#805424
800
#64421C
900
#493218
950
#2E1F0F

Contrast Checker

Text on white

11.44:1

AA Pass AAA Pass

Text on black

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