#778D6B

#778D6B

Color Values

HEX

#778D6B

RGB

119, 141, 107

HSL

98.8, 13.7%, 48.6%

HSV

98.8, 24.1%, 55.3%

CMYK

15.6%, 0.0%, 24.1%, 44.7%

OKLCH

0.6165 0.0559 134.7

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#778D6B

#816B8D

Analogous

#888D6B

#6B8D70

#778D6B

Triadic

#778D6B

#6B778D

#8D6B77

Split Complementary

#778D6B

#706B8D

#8D6B88

Tetradic

#778D6B

#6B888D

#816B8D

#8D706B

Color Blindness Simulation

Original

#778D6B

Protanopia

#818173

Deuteranopia

#7F7E75

Tritanopia

#787A7B

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#EDEFEB
200
#DAE0D6
300
#BFCAB9
400
#9DAE94
500
#7A916E
600
#627458
700
#4E5D46
800
#3D4837
900
#2F362A
950
#1D221B

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

5.81:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026