#77EFAA

#77EFAA

Color Values

HEX

#77EFAA

RGB

119, 239, 170

HSL

145.5, 78.9%, 70.2%

HSV

145.5, 50.2%, 93.7%

CMYK

50.2%, 0.0%, 28.9%, 6.3%

OKLCH

0.8646 0.1466 156.3

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#77EFAA

#EF77BC

Analogous

#80EF77

#77EFE6

#77EFAA

Triadic

#77EFAA

#AA77EF

#EFAA77

Split Complementary

#77EFAA

#E677EF

#EF7780

Tetradic

#77EFAA

#7780EF

#EF77BC

#EFE677

Color Blindness Simulation

Original

#77EFAA

Protanopia

#ABACBB

Deuteranopia

#A49BBF

Tritanopia

#7DC8CB

Achromatopsia

#D1D1D1

CSS Usage

background-color: #77EFAA;
color: #77EFAA;
border-color: #77EFAA;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F2FCF7
100
#E1F9EB
200
#BFF7D7
300
#92F2BB
400
#56EB95
500
#1BE470
600
#16B65A
700
#119248
800
#0D7238
900
#0E532B
950
#09341B

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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