#77A778

#77A778

Color Values

HEX

#77A778

RGB

119, 167, 120

HSL

121.2, 21.4%, 56.1%

HSV

121.2, 28.7%, 65.5%

CMYK

28.7%, 0.0%, 28.1%, 34.5%

OKLCH

0.6814 0.0854 145.1

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#77A778

#A777A6

Analogous

#8EA777

#77A790

#77A778

Triadic

#77A778

#7877A7

#A77877

Split Complementary

#77A778

#9077A7

#A7778E

Tetradic

#77A778

#778EA7

#A777A6

#A79077

Color Blindness Simulation

Original

#77A778

Protanopia

#8C8C83

Deuteranopia

#898586

Tritanopia

#798C8E

Achromatopsia

#999999

CSS Usage

background-color: #77A778;
color: #77A778;
border-color: #77A778;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F6F9F6
100
#EAF0EA
200
#D4E3D4
300
#B5CFB5
400
#8CB58D
500
#649B65
600
#507C51
700
#406341
800
#324D33
900
#273A27
950
#192419

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

7.58:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026