#472320

#472320

Color Values

HEX

#472320

RGB

71, 35, 32

HSL

4.6, 37.9%, 20.2%

HSV

4.6, 54.9%, 27.8%

CMYK

0.0%, 50.7%, 54.9%, 72.2%

OKLCH

0.3044 0.0555 25.8

Properties

Warm Dark Nearest: RAL 8016 Mahogany Brown

Color Harmonies

Complementary

#472320

#204447

Analogous

#472031

#473720

#472320

Triadic

#472320

#204723

#232047

Split Complementary

#472320

#204737

#203147

Tetradic

#472320

#314720

#204447

#372047

Color Blindness Simulation

Original

#472320

Protanopia

#373721

Deuteranopia

#3A3C21

Tritanopia

#452121

Achromatopsia

#2A2A2A

CSS Usage

background-color: #472320;
color: #472320;
border-color: #472320;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FAF5F5
100
#F3E8E7
200
#E9D0CE
300
#D9AEAB
400
#C4827D
500
#B0574F
600
#8D453F
700
#713733
800
#582B28
900
#412220
950
#291614

Contrast Checker

Text on white

13.73:1

AA Pass AAA Pass

Text on black

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