#704301

#704301

Color Values

HEX

#704301

RGB

112, 67, 1

HSL

35.7, 98.2%, 22.2%

HSV

35.7, 99.1%, 43.9%

CMYK

0.0%, 40.2%, 99.1%, 56.1%

OKLCH

0.4264 0.0935 67.3

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#704301

#012E70

Analogous

#700C01

#667001

#704301

Triadic

#704301

#017043

#430170

Split Complementary

#704301

#016670

#0C0170

Tetradic

#704301

#01700C

#012E70

#700166

Color Blindness Simulation

Original

#704301

Protanopia

#5D5C11

Deuteranopia

#5F6215

Tritanopia

#6E1E20

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF0DE
200
#FEE2B8
300
#FECD86
400
#FDB244
500
#FD9702
600
#CA7902
700
#A26101
800
#7E4C01
900
#5B3906
950
#3A2404

Contrast Checker

Text on white

8.43:1

AA Pass AAA Pass

Text on black

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