#78C088

#78C088

Color Values

HEX

#78C088

RGB

120, 192, 136

HSL

133.3, 36.4%, 61.2%

HSV

133.3, 37.5%, 75.3%

CMYK

37.5%, 0.0%, 29.2%, 24.7%

OKLCH

0.7454 0.1085 150.2

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#78C088

#C078B0

Analogous

#8CC078

#78C0AC

#78C088

Triadic

#78C088

#8878C0

#C08878

Split Complementary

#78C088

#AC78C0

#C0788C

Tetradic

#78C088

#788CC0

#C078B0

#C0AC78

Color Blindness Simulation

Original

#78C088

Protanopia

#979896

Deuteranopia

#938E99

Tritanopia

#7CA0A3

Achromatopsia

#ADADAD

CSS Usage

background-color: #78C088;
color: #78C088;
border-color: #78C088;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F5FAF6
100
#E8F3EA
200
#CEE8D4
300
#ACD8B5
400
#7EC38E
500
#51AE66
600
#418B51
700
#346F41
800
#295733
900
#214028
950
#152919

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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