#78DF86

#78DF86

Color Values

HEX

#78DF86

RGB

120, 223, 134

HSL

128,2, 61,7%, 67,3%

HSV

128,2, 46,2%, 87,5%

CMYK

46,2%, 0,0%, 39,9%, 12,5%

OKLCH

0,8196 0,1569 147,0

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#78DF86

#DF78D1

Analogous

#9EDF78

#78DFBA

#78DF86

Triadic

#78DF86

#8678DF

#DF8678

Split Complementary

#78DF86

#BA78DF

#DF789E

Tetradic

#78DF86

#789EDF

#DF78D1

#DFBA78

Color Blindness Simulation

Original

#78DF86

Protanopia

#A5A59C

Deuteranopia

#9F97A1

Tritanopia

#7DADB0

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F3FBF4
100
#E4F7E6
200
#C5F1CB
300
#9CE8A6
400
#66DB76
500
#31CE46
600
#27A538
700
#1F842D
800
#186723
900
#164B1D
950
#0E3012

Contrast Checker

Text on white

1,65:1

AA Fail AAA Fail

Text on black

12,7: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