#4F3524

#4F3524

Color Values

HEX

#4F3524

RGB

79, 53, 36

HSL

23.7, 37.4%, 22.5%

HSV

23.7, 54.4%, 31.0%

CMYK

0.0%, 32.9%, 54.4%, 69.0%

OKLCH

0.3548 0.0465 53.8

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#4F3524

#243E4F

Analogous

#4F2428

#4F4A24

#4F3524

Triadic

#4F3524

#244F35

#35244F

Split Complementary

#4F3524

#244F4A

#24284F

Tetradic

#4F3524

#284F24

#243E4F

#4A244F

Color Blindness Simulation

Original

#4F3524

Protanopia

#444428

Deuteranopia

#454729

Tritanopia

#4E2B2C

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#E9D8CE
300
#D9BDAB
400
#C4997D
500
#AF7550
600
#8C5E40
700
#704B33
800
#583B28
900
#412D20
950
#291C14

Contrast Checker

Text on white

11.25:1

AA Pass AAA Pass

Text on black

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