#736B56

#736B56

Color Values

HEX

#736B56

RGB

115, 107, 86

HSL

43.4, 14.4%, 39.4%

HSV

43.4, 25.2%, 45.1%

CMYK

0.0%, 7.0%, 25.2%, 54.9%

OKLCH

0.5292 0.033 89.7

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#736B56

#565E73

Analogous

#735C56

#6C7356

#736B56

Triadic

#736B56

#56736B

#6B5673

Split Complementary

#736B56

#566C73

#5C5673

Tetradic

#736B56

#56735C

#565E73

#73566C

Color Blindness Simulation

Original

#736B56

Protanopia

#706F5B

Deuteranopia

#70715C

Tritanopia

#735F60

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEEEB
200
#E0DED6
300
#CBC6B9
400
#AEA793
500
#92886D
600
#756D57
700
#5D5746
800
#494437
900
#37332A
950
#23201B

Contrast Checker

Text on white

5.29:1

AA Pass AAA Fail

Text on black

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