#778976

#778976

Color Values

HEX

#778976

RGB

119, 137, 118

HSL

116.8, 7.5%, 50.0%

HSV

116.8, 13.9%, 53.7%

CMYK

13.1%, 0.0%, 13.9%, 46.3%

OKLCH

0.61 0.0351 143.7

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#778976

#887689

Analogous

#818976

#76897E

#778976

Triadic

#778976

#767789

#897677

Split Complementary

#778976

#7E7689

#897681

Tetradic

#778976

#768189

#887689

#897E76

Color Blindness Simulation

Original

#778976

Protanopia

#7F7F7B

Deuteranopia

#7E7C7C

Tritanopia

#787E7F

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEEC
200
#D9DED9
300
#BEC6BD
400
#9AA89A
500
#778976
600
#5F6E5E
700
#4C584B
800
#3B453B
900
#2E342D
950
#1D211D

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

5.62:1

AA Pass 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