#778568

#778568

Color Values

HEX

#778568

RGB

119, 133, 104

HSL

89.0, 12.2%, 46.5%

HSV

89.0, 21.8%, 52.2%

CMYK

10.5%, 0.0%, 21.8%, 47.8%

OKLCH

0.597 0.0457 128.7

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#778568

#766885

Analogous

#858568

#698568

#778568

Triadic

#778568

#687785

#856877

Split Complementary

#778568

#686985

#856885

Tetradic

#778568

#688585

#766885

#856869

Color Blindness Simulation

Original

#778568

Protanopia

#7D7D6F

Deuteranopia

#7C7B71

Tritanopia

#787576

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEB
200
#DBE0D7
300
#C2C9BA
400
#A1AC95
500
#808F70
600
#66725A
700
#525C48
800
#404838
900
#31362B
950
#1F221B

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

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