#77C08B

#77C08B

Color Values

HEX

#77C08B

RGB

119, 192, 139

HSL

136.4, 36.7%, 61.0%

HSV

136.4, 38.0%, 75.3%

CMYK

38.0%, 0.0%, 27.6%, 24.7%

OKLCH

0.7455 0.1062 151.9

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#77C08B

#C077AC

Analogous

#88C077

#77C0B0

#77C08B

Triadic

#77C08B

#8B77C0

#C08B77

Split Complementary

#77C08B

#B077C0

#C07788

Tetradic

#77C08B

#7788C0

#C077AC

#C0B077

Color Blindness Simulation

Original

#77C08B

Protanopia

#979798

Deuteranopia

#928D9B

Tritanopia

#7BA2A4

Achromatopsia

#ADADAD

CSS Usage

background-color: #77C08B;
color: #77C08B;
border-color: #77C08B;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F5FAF6
100
#E8F3EB
200
#CEE8D5
300
#ABD8B8
400
#7EC391
500
#51AE6A
600
#418B55
700
#347044
800
#285735
900
#204029
950
#14291A

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

9.7:1

AA Pass AAA Pass

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