#704F36

#704F36

Color Values

HEX

#704F36

RGB

112, 79, 54

HSL

25.9, 34.9%, 32.5%

HSV

25.9, 51.8%, 43.9%

CMYK

0.0%, 29.5%, 51.8%, 56.1%

OKLCH

0.4571 0.0583 57.8

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#704F36

#365770

Analogous

#70363A

#706C36

#704F36

Triadic

#704F36

#36704F

#4F3670

Split Complementary

#704F36

#36706C

#363A70

Tetradic

#704F36

#3A7036

#365770

#6C3670

Color Blindness Simulation

Original

#704F36

Protanopia

#62613C

Deuteranopia

#64663E

Tritanopia

#6E4142

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F2ECE8
200
#E8DACF
300
#D7BFAC
400
#C29C80
500
#AC7953
600
#8A6142
700
#6E4E35
800
#563D2A
900
#402E21
950
#281D15

Contrast Checker

Text on white

7.34:1

AA Pass AAA Pass

Text on black

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