#472B0F

#472B0F

Color Values

HEX

#472B0F

RGB

71, 43, 15

HSL

30.0, 65.1%, 16.9%

HSV

30.0, 78.9%, 27.8%

CMYK

0.0%, 39.4%, 78.9%, 72.2%

OKLCH

0.3179 0.0582 62.8

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#472B0F

#0F2B47

Analogous

#470F0F

#47470F

#472B0F

Triadic

#472B0F

#0F472B

#2B0F47

Split Complementary

#472B0F

#0F4747

#0F0F47

Tetradic

#472B0F

#0F470F

#0F2B47

#470F47

Color Blindness Simulation

Original

#472B0F

Protanopia

#3B3B16

Deuteranopia

#3C3F17

Tritanopia

#461B1C

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F3DBC4
300
#EAC29A
400
#DEA163
500
#D3802C
600
#A86624
700
#87521C
800
#694016
900
#4D3014
950
#311F0D

Contrast Checker

Text on white

12.96:1

AA Pass AAA Pass

Text on black

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