#776356

#776356

Color Values

HEX

#776356

RGB

119, 99, 86

HSL

23.6, 16.1%, 40.2%

HSV

23.6, 27.7%, 46.7%

CMYK

0.0%, 16.8%, 27.7%, 53.3%

OKLCH

0.5154 0.0327 54.9

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#776356

#566A77

Analogous

#77565A

#777356

#776356

Triadic

#776356

#567763

#635677

Split Complementary

#776356

#567773

#565A77

Tetradic

#776356

#5A7756

#566A77

#735677

Color Blindness Simulation

Original

#776356

Protanopia

#6E6E59

Deuteranopia

#70715A

Tritanopia

#765C5C

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0EDEB
200
#E1DAD6
300
#CCC0B8
400
#B09D91
500
#947B6B
600
#766256
700
#5F4F44
800
#4A3E35
900
#372F29
950
#231E1A

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

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