#70522C

#70522C

Color Values

HEX

#70522C

RGB

112, 82, 44

HSL

33.5, 43.6%, 30.6%

HSV

33.5, 60.7%, 43.9%

CMYK

0.0%, 26.8%, 60.7%, 56.1%

OKLCH

0.4618 0.067 71.4

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#70522C

#2C4A70

Analogous

#70302C

#6C702C

#70522C

Triadic

#70522C

#2C7052

#522C70

Split Complementary

#70522C

#2C6C70

#302C70

Tetradic

#70522C

#2C7030

#2C4A70

#702C6C

Color Blindness Simulation

Original

#70522C

Protanopia

#636335

Deuteranopia

#656737

Tritanopia

#6E3C3E

Achromatopsia

#565656

CSS Usage

background-color: #70522C;
color: #70522C;
border-color: #70522C;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF8F5
100
#F4EEE7
200
#EBDDCC
300
#DCC5A7
400
#CAA578
500
#B78648
600
#926B3A
700
#75562E
800
#5C4324
900
#43331D
950
#2B2013

Contrast Checker

Text on white

7.16:1

AA Pass AAA Pass

Text on black

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