#74EC77

#74EC77

Color Values

HEX

#74EC77

RGB

116, 236, 119

HSL

121.5, 75.9%, 69.0%

HSV

121.5, 50.8%, 92.5%

CMYK

50.8%, 0.0%, 49.6%, 7.5%

OKLCH

0.8471 0.1907 144.1

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#74EC77

#EC74E9

Analogous

#ADEC74

#74ECB3

#74EC77

Triadic

#74EC77

#7774EC

#EC7774

Split Complementary

#74EC77

#B374EC

#EC74AD

Tetradic

#74EC77

#74ADEC

#EC74E9

#ECB374

Color Blindness Simulation

Original

#74EC77

Protanopia

#A8A993

Deuteranopia

#A1989A

Tritanopia

#7AAAAF

Achromatopsia

#CACACA

CSS Usage

background-color: #74EC77;
color: #74EC77;
border-color: #74EC77;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FCF3
100
#E2F9E2
200
#C0F6C2
300
#93F096
400
#59E85D
500
#1FE024
600
#19B31C
700
#149017
800
#0F7012
900
#0F5211
950
#0A340B

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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