#706557

#706557

Color Values

HEX

#706557

RGB

112, 101, 87

HSL

33.6, 12.6%, 39.0%

HSV

33.6, 22.3%, 43.9%

CMYK

0.0%, 9.8%, 22.3%, 56.1%

OKLCH

0.513 0.0256 73.8

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#706557

#576270

Analogous

#705857

#6E7057

#706557

Triadic

#706557

#577065

#655770

Split Complementary

#706557

#576E70

#585770

Tetradic

#706557

#577058

#576270

#70576E

Color Blindness Simulation

Original

#706557

Protanopia

#6B6B5A

Deuteranopia

#6C6D5B

Tritanopia

#6F5D5E

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEB
200
#E0DCD7
300
#CAC3BA
400
#ADA295
500
#90816F
600
#736859
700
#5C5347
800
#484138
900
#36312B
950
#221F1B

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

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