#78C408

#78C408

Color Values

HEX

#78C408

RGB

120, 196, 8

HSL

84.3, 92.2%, 40.0%

HSV

84.3, 95.9%, 76.9%

CMYK

38.8%, 0.0%, 95.9%, 23.1%

OKLCH

0.7417 0.2042 132.0

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#78C408

#5408C4

Analogous

#C4B208

#1AC408

#78C408

Triadic

#78C408

#0878C4

#C40878

Split Complementary

#78C408

#081AC4

#B208C4

Tetradic

#78C408

#08C4B2

#5408C4

#C4081A

Color Blindness Simulation

Original

#78C408

Protanopia

#999A35

Deuteranopia

#948F40

Tritanopia

#7C5961

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F8FDF1
100
#F0FBDF
200
#E2FCBA
300
#CDFA89
400
#B1F84A
500
#96F50A
600
#78C408
700
#609D06
800
#4B7B05
900
#385908
950
#233805

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

9.7:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026