#77A078

#77A078

Color Values

HEX

#77A078

RGB

119, 160, 120

HSL

121.5, 17.7%, 54.7%

HSV

121.5, 25.6%, 62.7%

CMYK

25.6%, 0.0%, 25.0%, 37.3%

OKLCH

0.6646 0.0736 145.3

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#77A078

#A0779F

Analogous

#8AA077

#77A08D

#77A078

Triadic

#77A078

#7877A0

#A07877

Split Complementary

#77A078

#8D77A0

#A0778A

Tetradic

#77A078

#778AA0

#A0779F

#A08D77

Color Blindness Simulation

Original

#77A078

Protanopia

#898982

Deuteranopia

#868384

Tritanopia

#79898B

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EAF0EB
200
#D5E2D5
300
#B7CDB8
400
#90B191
500
#69966A
600
#547855
700
#436044
800
#344B35
900
#293829
950
#1A231A

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

7.08:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026