#78C680

#78C680

Color Values

HEX

#78C680

RGB

120, 198, 128

HSL

126.2, 40.6%, 62.4%

HSV

126.2, 39.4%, 77.6%

CMYK

39.4%, 0.0%, 35.4%, 22.4%

OKLCH

0.7582 0.1259 146.6

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#78C680

#C678BE

Analogous

#97C678

#78C6A7

#78C680

Triadic

#78C680

#8078C6

#C68078

Split Complementary

#78C680

#A778C6

#C67897

Tetradic

#78C680

#7897C6

#C678BE

#C6A778

Color Blindness Simulation

Original

#78C680

Protanopia

#9A9A91

Deuteranopia

#958F95

Tritanopia

#7C9EA1

Achromatopsia

#B0B0B0

CSS Usage

background-color: #78C680;
color: #78C680;
border-color: #78C680;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDEAD0
300
#A9DBAE
400
#7AC782
500
#4CB356
600
#3D8F45
700
#307337
800
#265A2B
900
#1F4222
950
#132A16

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

10.19:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026