#705A48

#705A48

Color Values

HEX

#705A48

RGB

112, 90, 72

HSL

27.0, 21.7%, 36.1%

HSV

27.0, 35.7%, 43.9%

CMYK

0.0%, 19.6%, 35.7%, 56.1%

OKLCH

0.4847 0.04 60.9

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#705A48

#485E70

Analogous

#70484A

#706E48

#705A48

Triadic

#705A48

#48705A

#5A4870

Split Complementary

#705A48

#48706E

#484A70

Tetradic

#705A48

#4A7048

#485E70

#6E4870

Color Blindness Simulation

Original

#705A48

Protanopia

#66664C

Deuteranopia

#68694D

Tritanopia

#6F5051

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0EDEA
200
#E3DBD4
300
#CFC0B5
400
#B59F8C
500
#9B7D64
600
#7C6450
700
#635040
800
#4E3E32
900
#3A3027
950
#251E19

Contrast Checker

Text on white

6.47:1

AA Pass AAA Fail

Text on black

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