#472F0C

#472F0C

Color Values

HEX

#472F0C

RGB

71, 47, 12

HSL

35.6, 71.1%, 16.3%

HSV

35.6, 83.1%, 27.8%

CMYK

0.0%, 33.8%, 83.1%, 72.2%

OKLCH

0.3266 0.0597 72.6

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#472F0C

#0C2447

Analogous

#47120C

#42470C

#472F0C

Triadic

#472F0C

#0C472F

#2F0C47

Split Complementary

#472F0C

#0C4247

#120C47

Tetradic

#472F0C

#0C4712

#0C2447

#470C42

Color Blindness Simulation

Original

#472F0C

Protanopia

#3D3C14

Deuteranopia

#3E4016

Tritanopia

#461B1D

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EFE2
200
#F5E0C2
300
#EDCA96
400
#E4AD5E
500
#DA9025
600
#AF741D
700
#8C5C18
800
#6D4812
900
#4F3611
950
#32220B

Contrast Checker

Text on white

12.5:1

AA Pass AAA Pass

Text on black

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