#78DC6F

#78DC6F

Color Values

HEX

#78DC6F

RGB

120, 220, 111

HSL

115.0, 60.9%, 64.9%

HSV

115.0, 49.5%, 86.3%

CMYK

45.5%, 0.0%, 49.5%, 13.7%

OKLCH

0.8087 0.1743 142.1

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#78DC6F

#D36FDC

Analogous

#AFDC6F

#6FDC9C

#78DC6F

Triadic

#78DC6F

#6F78DC

#DC6F78

Split Complementary

#78DC6F

#9C6FDC

#DC6FAF

Tetradic

#78DC6F

#6FAFDC

#D36FDC

#DC9C6F

Color Blindness Simulation

Original

#78DC6F

Protanopia

#A3A489

Deuteranopia

#9E9690

Tritanopia

#7D9EA3

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F4FBF3
100
#E5F6E4
200
#C9F1C6
300
#A3E79D
400
#71DA67
500
#3FCD32
600
#32A428
700
#288320
800
#1F6719
900
#1A4B16
950
#112F0E

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

12.27:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026