#706345

#706345

Color Values

HEX

#706345

RGB

112, 99, 69

HSL

41.9, 23.8%, 35.5%

HSV

41.9, 38.4%, 43.9%

CMYK

0.0%, 11.6%, 38.4%, 56.1%

OKLCH

0.5041 0.0472 87.2

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#706345

#455270

Analogous

#704E45

#687045

#706345

Triadic

#706345

#457063

#634570

Split Complementary

#706345

#456870

#4E4570

Tetradic

#706345

#45704E

#455270

#704568

Color Blindness Simulation

Original

#706345

Protanopia

#6A6A4C

Deuteranopia

#6B6C4E

Tritanopia

#6F5253

Achromatopsia

#646464

CSS Usage

background-color: #706345;
color: #706345;
border-color: #706345;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F8F6
100
#F1EFEA
200
#E4DFD3
300
#D0C8B3
400
#B7AA8A
500
#9E8C61
600
#7E704E
700
#65593E
800
#4F4631
900
#3B3526
950
#252118

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

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