#706C56

#706C56

Color Values

HEX

#706C56

RGB

112, 108, 86

HSL

50.8, 13.1%, 38.8%

HSV

50.8, 23.2%, 43.9%

CMYK

0.0%, 3.6%, 23.2%, 56.1%

OKLCH

0.5286 0.0333 98.8

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#706C56

#565A70

Analogous

#705F56

#677056

#706C56

Triadic

#706C56

#56706C

#6C5670

Split Complementary

#706C56

#566770

#5F5670

Tetradic

#706C56

#56705F

#565A70

#705667

Color Blindness Simulation

Original

#706C56

Protanopia

#6E6E5B

Deuteranopia

#6E6F5D

Tritanopia

#706060

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#E0DFD7
300
#CAC7BA
400
#ADA994
500
#908B6F
600
#736F59
700
#5C5947
800
#484637
900
#36342B
950
#22211B

Contrast Checker

Text on white

5.29:1

AA Pass AAA Fail

Text on black

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