#704503

#704503

Color Values

HEX

#704503

RGB

112, 69, 3

HSL

36.3, 94.8%, 22.5%

HSV

36.3, 97.3%, 43.9%

CMYK

0.0%, 38.4%, 97.3%, 56.1%

OKLCH

0.4306 0.0923 69.1

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#704503

#032E70

Analogous

#700E03

#647003

#704503

Triadic

#704503

#037045

#450370

Split Complementary

#704503

#036470

#0E0370

Tetradic

#704503

#03700E

#032E70

#700364

Color Blindness Simulation

Original

#704503

Protanopia

#5D5D13

Deuteranopia

#606317

Tritanopia

#6E2022

Achromatopsia

#494949

CSS Usage

background-color: #704503;
color: #704503;
border-color: #704503;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FEF9F1
100
#FCF0DF
200
#FDE2B9
300
#FCCE88
400
#FAB347
500
#F89907
600
#C77A05
700
#9F6204
800
#7C4C03
900
#5A3907
950
#392404

Contrast Checker

Text on white

8.26:1

AA Pass AAA Pass

Text on black

2.54:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026