#78DC73

#78DC73

Color Values

HEX

#78DC73

RGB

120, 220, 115

HSL

117.1, 60.0%, 65.7%

HSV

117.1, 47.7%, 86.3%

CMYK

45.5%, 0.0%, 47.7%, 13.7%

OKLCH

0.8092 0.1706 142.9

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#78DC73

#D773DC

Analogous

#ADDC73

#73DCA2

#78DC73

Triadic

#78DC73

#7378DC

#DC7378

Split Complementary

#78DC73

#A273DC

#DC73AD

Tetradic

#78DC73

#73ADDC

#D773DC

#DCA273

Color Blindness Simulation

Original

#78DC73

Protanopia

#A3A48C

Deuteranopia

#9E9692

Tritanopia

#7DA0A5

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F4FBF3
100
#E5F6E4
200
#C8F1C6
300
#A1E79D
400
#6ED968
500
#3ACC33
600
#2FA329
700
#258321
800
#1D661A
900
#194B16
950
#102F0E

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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