#704504

#704504

Color Values

HEX

#704504

RGB

112, 69, 4

HSL

36.1, 93.1%, 22.7%

HSV

36.1, 96.4%, 43.9%

CMYK

0.0%, 38.4%, 96.4%, 56.1%

OKLCH

0.4306 0.0919 68.9

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#704504

#042F70

Analogous

#700F04

#657004

#704504

Triadic

#704504

#047045

#450470

Split Complementary

#704504

#046570

#0F0470

Tetradic

#704504

#04700F

#042F70

#700465

Color Blindness Simulation

Original

#704504

Protanopia

#5D5D14

Deuteranopia

#606318

Tritanopia

#6E2023

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FDF9F1
100
#FBF0DF
200
#FDE2BA
300
#FBCD89
400
#F8B349
500
#F69809
600
#C57907
700
#9E6106
800
#7B4C04
900
#593908
950
#382405

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