#706A63

#706A63

Color Values

HEX

#706A63

RGB

112, 106, 99

HSL

32.3, 6.2%, 41.4%

HSV

32.3, 11.6%, 43.9%

CMYK

0.0%, 5.4%, 11.6%, 56.1%

OKLCH

0.5276 0.0132 71.8

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#706A63

#636970

Analogous

#706463

#707063

#706A63

Triadic

#706A63

#63706A

#6A6370

Split Complementary

#706A63

#637070

#646370

Tetradic

#706A63

#637064

#636970

#706370

Color Blindness Simulation

Original

#706A63

Protanopia

#6D6D65

Deuteranopia

#6E6E65

Tritanopia

#706666

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDBD9
300
#C6C2BE
400
#A6A19B
500
#878078
600
#6C6660
700
#57524D
800
#44403C
900
#33312E
950
#201F1D

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

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