#472102

#472102

Color Values

HEX

#472102

RGB

71, 33, 2

HSL

27.0, 94.5%, 14.3%

HSV

27.0, 97.2%, 27.8%

CMYK

0.0%, 53.5%, 97.2%, 72.2%

OKLCH

0.2956 0.0712 54.5

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#472102

#022847

Analogous

#470205

#474302

#472102

Triadic

#472102

#024721

#210247

Split Complementary

#472102

#024743

#020547

Tetradic

#472102

#054702

#022847

#430247

Color Blindness Simulation

Original

#472102

Protanopia

#373609

Deuteranopia

#393C0B

Tritanopia

#450F11

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FDD8BA
300
#FCBC88
400
#FA9847
500
#F87307
600
#C65C06
700
#9F4A04
800
#7C3A04
900
#5A2C07
950
#391C05

Contrast Checker

Text on white

14.13:1

AA Pass AAA Pass

Text on black

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