#706153

#706153

Color Values

HEX

#706153

RGB

112, 97, 83

HSL

29.0, 14.9%, 38.2%

HSV

29.0, 25.9%, 43.9%

CMYK

0.0%, 13.4%, 25.9%, 56.1%

OKLCH

0.503 0.0289 65.1

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#706153

#536270

Analogous

#705353

#706F53

#706153

Triadic

#706153

#537061

#615370

Split Complementary

#706153

#53706F

#535370

Tetradic

#706153

#537053

#536270

#6F5370

Color Blindness Simulation

Original

#706153

Protanopia

#6A6956

Deuteranopia

#6A6B57

Tritanopia

#6F595A

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E1DBD6
300
#CBC1B9
400
#AFA093
500
#927F6D
600
#756557
700
#5E5145
800
#493F36
900
#37302A
950
#231E1A

Contrast Checker

Text on white

5.96:1

AA Pass AAA Fail

Text on black

3.52:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026