#74ED80

#74ED80

Color Values

HEX

#74ED80

RGB

116, 237, 128

HSL

126.0, 77.1%, 69.2%

HSV

126.0, 51.1%, 92.9%

CMYK

51.1%, 0.0%, 46.0%, 7.1%

OKLCH

0.8508 0.184 145.7

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#74ED80

#ED74E1

Analogous

#A4ED74

#74EDBD

#74ED80

Triadic

#74ED80

#8074ED

#ED8074

Split Complementary

#74ED80

#BD74ED

#ED74A4

Tetradic

#74ED80

#74A4ED

#ED74E1

#EDBD74

Color Blindness Simulation

Original

#74ED80

Protanopia

#A8A99A

Deuteranopia

#A198A1

Tritanopia

#7AAFB4

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F2FCF3
100
#E1F9E4
200
#C0F7C5
300
#93F19C
400
#58E966
500
#1DE231
600
#17B527
700
#13911F
800
#0F7118
900
#0F5216
950
#09340E

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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