#78F374

#78F374

Color Values

HEX

#78F374

RGB

120, 243, 116

HSL

118.1, 84.1%, 70.4%

HSV

118.1, 52.3%, 95.3%

CMYK

50.6%, 0.0%, 52.3%, 4.7%

OKLCH

0.8652 0.2006 143.0

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#78F374

#EF74F3

Analogous

#B8F374

#74F3AF

#78F374

Triadic

#78F374

#7478F3

#F37478

Split Complementary

#78F374

#AF74F3

#F374B8

Tetradic

#78F374

#74B8F3

#EF74F3

#F3AF74

Color Blindness Simulation

Original

#78F374

Protanopia

#ADAE93

Deuteranopia

#A69D9A

Tritanopia

#7EABB0

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E1FAE0
200
#BFF9BD
300
#92F58E
400
#56F051
500
#1BEB14
600
#16BC10
700
#11960D
800
#0E750A
900
#0E550C
950
#093607

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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