#78CE22

#78CE22

Color Values

HEX

#78CE22

RGB

120, 206, 34

HSL

90.0, 71.7%, 47.1%

HSV

90.0, 83.5%, 80.8%

CMYK

41.7%, 0.0%, 83.5%, 19.2%

OKLCH

0.7672 0.209 133.8

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#78CE22

#7822CE

Analogous

#CECE22

#22CE22

#78CE22

Triadic

#78CE22

#2278CE

#CE2278

Split Complementary

#78CE22

#2222CE

#CE22CE

Tetradic

#78CE22

#22CECE

#7822CE

#CE2222

Color Blindness Simulation

Original

#78CE22

Protanopia

#9D9E4C

Deuteranopia

#989256

Tritanopia

#7C6D74

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EDF8E2
200
#DBF5C2
300
#C2EE96
400
#A1E45D
500
#80DB24
600
#66AF1D
700
#528C17
800
#406D12
900
#305011
950
#1F320B

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

10.65:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026