#776C63

#776C63

Color Values

HEX

#776C63

RGB

119, 108, 99

HSL

27.0, 9.2%, 42.7%

HSV

27.0, 16.8%, 46.7%

CMYK

0.0%, 9.2%, 16.8%, 53.3%

OKLCH

0.5387 0.0195 61.7

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#776C63

#636E77

Analogous

#776364

#777663

#776C63

Triadic

#776C63

#63776C

#6C6377

Split Complementary

#776C63

#637776

#636477

Tetradic

#776C63

#647763

#636E77

#766377

Color Blindness Simulation

Original

#776C63

Protanopia

#727265

Deuteranopia

#737466

Tritanopia

#766767

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEC
200
#DFDBD8
300
#C7C1BC
400
#A9A098
500
#8B7E74
600
#6F655D
700
#59514A
800
#463F3A
900
#34302C
950
#211E1C

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

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