#472302

#472302

Color Values

HEX

#472302

RGB

71, 35, 2

HSL

28.7, 94.5%, 14.3%

HSV

28.7, 97.2%, 27.8%

CMYK

0.0%, 50.7%, 97.2%, 72.2%

OKLCH

0.2996 0.0698 57.4

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#472302

#022647

Analogous

#470203

#474502

#472302

Triadic

#472302

#024723

#230247

Split Complementary

#472302

#024745

#020347

Tetradic

#472302

#034702

#022647

#450247

Color Blindness Simulation

Original

#472302

Protanopia

#37370A

Deuteranopia

#3A3C0C

Tritanopia

#451012

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FDDABA
300
#FCBF88
400
#FA9D47
500
#F87A07
600
#C66206
700
#9F4E04
800
#7C3D04
900
#5A2F07
950
#391D05

Contrast Checker

Text on white

13.91:1

AA Pass AAA Pass

Text on black

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