#705A56

#705A56

Color Values

HEX

#705A56

RGB

112, 90, 86

HSL

9.2, 13.1%, 38.8%

HSV

9.2, 23.2%, 43.9%

CMYK

0.0%, 19.6%, 23.2%, 56.1%

OKLCH

0.4884 0.0298 30.1

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#705A56

#566C70

Analogous

#70565F

#706756

#705A56

Triadic

#705A56

#56705A

#5A5670

Split Complementary

#705A56

#567067

#565F70

Tetradic

#705A56

#5F7056

#566C70

#675670

Color Blindness Simulation

Original

#705A56

Protanopia

#666657

Deuteranopia

#686957

Tritanopia

#6F5858

Achromatopsia

#5E5E5E

CSS Usage

background-color: #705A56;
color: #705A56;
border-color: #705A56;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F7F6
100
#EFECEB
200
#E0D8D7
300
#CABCBA
400
#AD9894
500
#90746F
600
#735D59
700
#5C4A47
800
#483A37
900
#362C2B
950
#221C1B

Contrast Checker

Text on white

6.39:1

AA Pass AAA Fail

Text on black

3.29:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026