#78F474

#78F474

Color Values

HEX

#78F474

RGB

120, 244, 116

HSL

118.1, 85.3%, 70.6%

HSV

118.1, 52.5%, 95.7%

CMYK

50.8%, 0.0%, 52.5%, 4.3%

OKLCH

0.8677 0.2019 143.0

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#78F474

#F074F4

Analogous

#B8F474

#74F4B0

#78F474

Triadic

#78F474

#7478F4

#F47478

Split Complementary

#78F474

#B074F4

#F474B8

Tetradic

#78F474

#74B8F4

#F074F4

#F4B074

Color Blindness Simulation

Original

#78F474

Protanopia

#AEAF93

Deuteranopia

#A69D9A

Tritanopia

#7EABB1

Achromatopsia

#D0D0D0

CSS Usage

background-color: #78F474;
color: #78F474;
border-color: #78F474;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF2
100
#E1FAE0
200
#BFFABD
300
#91F68E
400
#55F150
500
#1AEC13
600
#15BD0F
700
#10970C
800
#0D7609
900
#0E560B
950
#093607

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