#77C493

#77C493

Color Values

HEX

#77C493

RGB

119, 196, 147

HSL

141.8, 39.5%, 61.8%

HSV

141.8, 39.3%, 76.9%

CMYK

39.3%, 0.0%, 25.0%, 23.1%

OKLCH

0.7569 0.1047 155.1

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#77C493

#C477A8

Analogous

#82C477

#77C4BA

#77C493

Triadic

#77C493

#9377C4

#C49377

Split Complementary

#77C493

#BA77C4

#C47782

Tetradic

#77C493

#7782C4

#C477A8

#C4BA77

Color Blindness Simulation

Original

#77C493

Protanopia

#98999F

Deuteranopia

#948EA2

Tritanopia

#7BA8AA

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3EC
200
#CDE9D7
300
#AADABB
400
#7BC696
500
#4DB272
600
#3E8E5B
700
#317249
800
#275939
900
#1F422C
950
#14291C

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

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