#778C73

#778C73

Color Values

HEX

#778C73

RGB

119, 140, 115

HSL

110.4, 9.8%, 50.0%

HSV

110.4, 17.9%, 54.9%

CMYK

15.0%, 0.0%, 17.9%, 45.1%

OKLCH

0.6162 0.0442 140.6

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#778C73

#88738C

Analogous

#838C73

#738C7C

#778C73

Triadic

#778C73

#73778C

#8C7377

Split Complementary

#778C73

#7C738C

#8C7383

Tetradic

#778C73

#73838C

#88738C

#8C7C73

Color Blindness Simulation

Original

#778C73

Protanopia

#808079

Deuteranopia

#7F7D7A

Tritanopia

#787E7F

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFEC
200
#D9DFD8
300
#BEC8BC
400
#9AAA97
500
#778C73
600
#5F705C
700
#4C5A4A
800
#3C463A
900
#2E352C
950
#1D211C

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

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