#778A65

#778A65

Color Values

HEX

#778A65

RGB

119, 138, 101

HSL

90.8, 15.5%, 46.9%

HSV

90.8, 26.8%, 54.1%

CMYK

13.8%, 0.0%, 26.8%, 45.9%

OKLCH

0.6081 0.0583 130.1

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#778A65

#78658A

Analogous

#8A8A65

#658A66

#778A65

Triadic

#778A65

#65778A

#8A6577

Split Complementary

#778A65

#66658A

#8A658A

Tetradic

#778A65

#658A8A

#78658A

#8A6665

Color Blindness Simulation

Original

#778A65

Protanopia

#7F7F6E

Deuteranopia

#7E7D70

Tritanopia

#787577

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#EDF0EB
200
#DBE1D6
300
#C2CBB8
400
#A0AF92
500
#7F936C
600
#667656
700
#515E45
800
#3F4A36
900
#30372A
950
#1E231A

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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