#796B56

#796B56

Color Values

HEX

#796B56

RGB

121, 107, 86

HSL

36.0, 16.9%, 40.6%

HSV

36.0, 28.9%, 47.5%

CMYK

0.0%, 11.6%, 28.9%, 52.5%

OKLCH

0.5351 0.036 77.9

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#796B56

#566479

Analogous

#795A56

#767956

#796B56

Triadic

#796B56

#56796B

#6B5679

Split Complementary

#796B56

#567679

#5A5679

Tetradic

#796B56

#56795A

#566479

#795676

Color Blindness Simulation

Original

#796B56

Protanopia

#73735B

Deuteranopia

#74755C

Tritanopia

#785F60

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#F0EEEB
200
#E1DDD5
300
#CCC4B7
400
#B1A491
500
#95846A
600
#776955
700
#5F5444
800
#4B4235
900
#383229
950
#23201A

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

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