#78B149

#78B149

Color Values

HEX

#78B149

RGB

120, 177, 73

HSL

92.9, 41.6%, 49.0%

HSV

92.9, 58.8%, 69.4%

CMYK

32.2%, 0.0%, 58.8%, 30.6%

OKLCH

0.6984 0.1488 133.1

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#78B149

#8249B1

Analogous

#ACB149

#49B14E

#78B149

Triadic

#78B149

#4978B1

#B14978

Split Complementary

#78B149

#4E49B1

#B149AC

Tetradic

#78B149

#49ACB1

#8249B1

#B14E49

Color Blindness Simulation

Original

#78B149

Protanopia

#919162

Deuteranopia

#8D8968

Tritanopia

#7B767A

Achromatopsia

#9D9D9D

CSS Usage

background-color: #78B149;
color: #78B149;
border-color: #78B149;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FAF5
100
#EDF3E7
200
#DAEACC
300
#BFDBA8
400
#9DC879
500
#7AB54A
600
#62903C
700
#4E7430
800
#3D5A25
900
#2F431E
950
#1D2A13

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

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