#706447

#706447

Color Values

HEX

#706447

RGB

112, 100, 71

HSL

42.4, 22.4%, 35.9%

HSV

42.4, 36.6%, 43.9%

CMYK

0.0%, 10.7%, 36.6%, 56.1%

OKLCH

0.5068 0.0455 88.1

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#706447

#475370

Analogous

#705047

#687047

#706447

Triadic

#706447

#477064

#644770

Split Complementary

#706447

#476870

#504770

Tetradic

#706447

#477050

#475370

#704768

Color Blindness Simulation

Original

#706447

Protanopia

#6B6B4E

Deuteranopia

#6C6C50

Tritanopia

#6F5455

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EFEA
200
#E3DFD3
300
#D0C7B4
400
#B6A98C
500
#9C8B63
600
#7D6F4F
700
#64593F
800
#4E4631
900
#3A3427
950
#252118

Contrast Checker

Text on white

5.83:1

AA Pass AAA Fail

Text on black

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