#78B040

#78B040

Color Values

HEX

#78B040

RGB

120, 176, 64

HSL

90.0, 46.7%, 47.1%

HSV

90.0, 63.6%, 69.0%

CMYK

31.8%, 0.0%, 63.6%, 31.0%

OKLCH

0.695 0.1549 131.9

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#78B040

#7840B0

Analogous

#B0B040

#40B040

#78B040

Triadic

#78B040

#4078B0

#B04078

Split Complementary

#78B040

#4040B0

#B040B0

Tetradic

#78B040

#40B0B0

#7840B0

#B04040

Color Blindness Simulation

Original

#78B040

Protanopia

#90915B

Deuteranopia

#8D8962

Tritanopia

#7B7175

Achromatopsia

#9C9C9C

CSS Usage

background-color: #78B040;
color: #78B040;
border-color: #78B040;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FAF4
100
#EDF4E6
200
#DBECCB
300
#C2DEA5
400
#A1CD75
500
#80BB44
600
#669636
700
#52782B
800
#405E22
900
#30451C
950
#1F2B12

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

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