#706454

#706454

Color Values

HEX

#706454

RGB

112, 100, 84

HSL

34.3, 14.3%, 38.4%

HSV

34.3, 25.0%, 43.9%

CMYK

0.0%, 10.7%, 25.0%, 56.1%

OKLCH

0.5099 0.0288 75.0

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#706454

#546070

Analogous

#705654

#6E7054

#706454

Triadic

#706454

#547064

#645470

Split Complementary

#706454

#546E70

#565470

Tetradic

#706454

#547056

#546070

#70546E

Color Blindness Simulation

Original

#706454

Protanopia

#6B6B58

Deuteranopia

#6C6C59

Tritanopia

#6F5B5C

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E0DCD6
300
#CBC3B9
400
#AEA393
500
#92826D
600
#756857
700
#5D5346
800
#494137
900
#37312A
950
#231F1B

Contrast Checker

Text on white

5.77:1

AA Pass AAA Fail

Text on black

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