#78A862

#78A862

Color Values

HEX

#78A862

RGB

120, 168, 98

HSL

101.1, 28.7%, 52.2%

HSV

101.1, 41.7%, 65.9%

CMYK

28.6%, 0.0%, 41.7%, 34.1%

OKLCH

0.68 0.1108 136.4

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#78A862

#9262A8

Analogous

#9BA862

#62A86F

#78A862

Triadic

#78A862

#6278A8

#A86278

Split Complementary

#78A862

#6F62A8

#A8629B

Tetradic

#78A862

#629BA8

#9262A8

#A86F62

Color Blindness Simulation

Original

#78A862

Protanopia

#8D8D73

Deuteranopia

#8A8677

Tritanopia

#7A8083

Achromatopsia

#999999

CSS Usage

background-color: #78A862;
color: #78A862;
border-color: #78A862;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F7F9F5
100
#ECF2E9
200
#D8E6D1
300
#BBD3B0
400
#97BC86
500
#72A45B
600
#5B8349
700
#49693A
800
#39522D
900
#2C3D24
950
#1C2717

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

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