#77F080

#77F080

Color Values

HEX

#77F080

RGB

119, 240, 128

HSL

124.5, 80.1%, 70.4%

HSV

124.5, 50.4%, 94.1%

CMYK

50.4%, 0.0%, 46.7%, 5.9%

OKLCH

0.8593 0.1866 145.2

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#77F080

#F077E7

Analogous

#AAF077

#77F0BD

#77F080

Triadic

#77F080

#8077F0

#F08077

Split Complementary

#77F080

#BD77F0

#F077AA

Tetradic

#77F080

#77AAF0

#F077E7

#F0BD77

Color Blindness Simulation

Original

#77F080

Protanopia

#ABAC9B

Deuteranopia

#A49BA2

Tritanopia

#7DB1B5

Achromatopsia

#CECECE

CSS Usage

background-color: #77F080;
color: #77F080;
border-color: #77F080;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF3
100
#E1F9E3
200
#BFF8C3
300
#91F398
400
#55EC60
500
#19E629
600
#14B821
700
#10931A
800
#0D7314
900
#0E5313
950
#09350C

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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