#77AE86

#77AE86

Color Values

HEX

#77AE86

RGB

119, 174, 134

HSL

136.4, 25.3%, 57.5%

HSV

136.4, 31.6%, 68.2%

CMYK

31.6%, 0.0%, 23.0%, 31.8%

OKLCH

0.7013 0.0823 152.4

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#77AE86

#AE779F

Analogous

#84AE77

#77AEA2

#77AE86

Triadic

#77AE86

#8677AE

#AE8677

Split Complementary

#77AE86

#A277AE

#AE7784

Tetradic

#77AE86

#7784AE

#AE779F

#AEA277

Color Blindness Simulation

Original

#77AE86

Protanopia

#8F8F90

Deuteranopia

#8C8892

Tritanopia

#7A9799

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#E9F1EB
200
#D2E4D7
300
#B2D1BB
400
#89B996
500
#5FA071
600
#4C805A
700
#3D6648
800
#305038
900
#253B2B
950
#18261B

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

8.18:1

AA Pass AAA Pass

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