#74ED77

#74ED77

Color Values

HEX

#74ED77

RGB

116, 237, 119

HSL

121.5, 77.1%, 69.2%

HSV

121.5, 51.1%, 92.9%

CMYK

51.1%, 0.0%, 49.8%, 7.1%

OKLCH

0.8495 0.192 144.1

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#74ED77

#ED74EA

Analogous

#ADED74

#74EDB3

#74ED77

Triadic

#74ED77

#7774ED

#ED7774

Split Complementary

#74ED77

#B374ED

#ED74AD

Tetradic

#74ED77

#74ADED

#ED74EA

#EDB374

Color Blindness Simulation

Original

#74ED77

Protanopia

#A8A994

Deuteranopia

#A1989A

Tritanopia

#7AAAAF

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F2FCF3
100
#E1F9E2
200
#C0F7C1
300
#93F195
400
#58E95C
500
#1DE222
600
#17B51B
700
#139116
800
#0F7111
900
#0F5211
950
#09340A

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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