#796F56

#796F56

Color Values

HEX

#796F56

RGB

121, 111, 86

HSL

42.9, 16.9%, 40.6%

HSV

42.9, 28.9%, 47.5%

CMYK

0.0%, 8.3%, 28.9%, 52.5%

OKLCH

0.544 0.0389 88.8

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#796F56

#566079

Analogous

#795E56

#727956

#796F56

Triadic

#796F56

#56796F

#6F5679

Split Complementary

#796F56

#567279

#5E5679

Tetradic

#796F56

#56795E

#566079

#795672

Color Blindness Simulation

Original

#796F56

Protanopia

#75755C

Deuteranopia

#75765E

Tritanopia

#786162

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#F0EEEB
200
#E1DED5
300
#CCC6B7
400
#B1A891
500
#95896A
600
#776D55
700
#5F5844
800
#4B4435
900
#383429
950
#23211A

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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