#704F20

#704F20

Color Values

HEX

#704F20

RGB

112, 79, 32

HSL

35.2, 55.6%, 28.2%

HSV

35.2, 71.4%, 43.9%

CMYK

0.0%, 29.5%, 71.4%, 56.1%

OKLCH

0.4537 0.0768 73.1

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#704F20

#204170

Analogous

#702720

#697020

#704F20

Triadic

#704F20

#20704F

#4F2070

Split Complementary

#704F20

#206970

#272070

Tetradic

#704F20

#207027

#204170

#702069

Color Blindness Simulation

Original

#704F20

Protanopia

#62612B

Deuteranopia

#64662E

Tritanopia

#6E3436

Achromatopsia

#535353

CSS Usage

background-color: #704F20;
color: #704F20;
border-color: #704F20;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FBF8F4
100
#F6EFE5
200
#EFDFC7
300
#E4C8A0
400
#D5AA6C
500
#C68C39
600
#9F702D
700
#7F5924
800
#63461C
900
#493518
950
#2E210F

Contrast Checker

Text on white

7.43:1

AA Pass AAA Pass

Text on black

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