#706C48

#706C48

Color Values

HEX

#706C48

RGB

112, 108, 72

HSL

54.0, 21.7%, 36.1%

HSV

54.0, 35.7%, 43.9%

CMYK

0.0%, 3.6%, 35.7%, 56.1%

OKLCH

0.5255 0.0527 102.6

Properties

Warm Dark Nearest: RAL 7002 Olive Grey

Color Harmonies

Complementary

#706C48

#484C70

Analogous

#705848

#607048

#706C48

Triadic

#706C48

#48706C

#6C4870

Split Complementary

#706C48

#486070

#584870

Tetradic

#706C48

#487058

#484C70

#704860

Color Blindness Simulation

Original

#706C48

Protanopia

#6E6E51

Deuteranopia

#6E6F53

Tritanopia

#705859

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0F0EA
200
#E3E1D4
300
#CFCCB5
400
#B5B18C
500
#9B9664
600
#7C7850
700
#636040
800
#4E4B32
900
#3A3827
950
#252319

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

3.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