#4ECA02

#4ECA02

Color Values

HEX

#4ECA02

RGB

78, 202, 2

HSL

97.2, 98.0%, 40.0%

HSV

97.2, 99.0%, 79.2%

CMYK

61.4%, 0.0%, 99.0%, 20.8%

OKLCH

0.7393 0.2309 138.6

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#4ECA02

#7E02CA

Analogous

#B2CA02

#02CA1A

#4ECA02

Triadic

#4ECA02

#024ECA

#CA024E

Split Complementary

#4ECA02

#1A02CA

#CA02B2

Tetradic

#4ECA02

#02B2CA

#7E02CA

#CA1A02

Color Blindness Simulation

Original

#4ECA02

Protanopia

#848532

Deuteranopia

#7C733E

Tritanopia

#545961

Achromatopsia

#A1A1A1

CSS Usage

background-color: #4ECA02;
color: #4ECA02;
border-color: #4ECA02;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F6FEF1
100
#EAFCDE
200
#D3FEB8
300
#B3FE86
400
#8AFD44
500
#62FC03
600
#4ECA02
700
#3EA202
800
#317E01
900
#265B06
950
#183A04

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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