#78C231

#78C231

Color Values

HEX

#78C231

RGB

120, 194, 49

HSL

90.6, 59.7%, 47.6%

HSV

90.6, 74.7%, 76.1%

CMYK

38.1%, 0.0%, 74.7%, 23.9%

OKLCH

0.7383 0.188 133.2

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#78C231

#7B31C2

Analogous

#C0C231

#31C232

#78C231

Triadic

#78C231

#3178C2

#C23178

Split Complementary

#78C231

#3231C2

#C231C0

Tetradic

#78C231

#31C0C2

#7B31C2

#C23231

Color Blindness Simulation

Original

#78C231

Protanopia

#989954

Deuteranopia

#948E5C

Tritanopia

#7C7076

Achromatopsia

#A8A8A8

CSS Usage

background-color: #78C231;
color: #78C231;
border-color: #78C231;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F7FBF3
100
#EDF6E4
200
#DBF1C6
300
#C1E69D
400
#A0D968
500
#7ECC33
600
#65A329
700
#518221
800
#3F661A
900
#304A16
950
#1E2F0E

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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