#74F480

#74F480

Color Values

HEX

#74F480

RGB

116, 244, 128

HSL

125.6, 85.3%, 70.6%

HSV

125.6, 52.5%, 95.7%

CMYK

52.5%, 0.0%, 47.5%, 4.3%

OKLCH

0.8678 0.1933 145.5

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#74F480

#F474E8

Analogous

#A8F474

#74F4C0

#74F480

Triadic

#74F480

#8074F4

#F48074

Split Complementary

#74F480

#C074F4

#F474A8

Tetradic

#74F480

#74A8F4

#F474E8

#F4C074

Color Blindness Simulation

Original

#74F480

Protanopia

#ABAD9C

Deuteranopia

#A49AA3

Tritanopia

#7AB2B7

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F2FDF3
100
#E0FAE3
200
#BDFAC3
300
#8EF697
400
#50F15F
500
#13EC27
600
#0FBD1F
700
#0C9719
800
#097614
900
#0B5612
950
#07360B

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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