#704C16

#704C16

Color Values

HEX

#704C16

RGB

112, 76, 22

HSL

36.0, 67.2%, 26.3%

HSV

36.0, 80.4%, 43.9%

CMYK

0.0%, 32.1%, 80.4%, 56.1%

OKLCH

0.4463 0.0834 72.9

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#704C16

#163A70

Analogous

#701F16

#677016

#704C16

Triadic

#704C16

#16704C

#4C1670

Split Complementary

#704C16

#166770

#1F1670

Tetradic

#704C16

#16701F

#163A70

#701667

Color Blindness Simulation

Original

#704C16

Protanopia

#606023

Deuteranopia

#626526

Tritanopia

#6E2D30

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EFE3
200
#F3E0C3
300
#EBCA99
400
#E0AD61
500
#D5912A
600
#AB7421
700
#885D1B
800
#6B4815
900
#4E3613
950
#31220C

Contrast Checker

Text on white

7.68:1

AA Pass AAA Pass

Text on black

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