#2ECF30

#2ECF30

Color Values

HEX

#2ECF30

RGB

46, 207, 48

HSL

120.7, 63.6%, 49.6%

HSV

120.7, 77.8%, 81.2%

CMYK

77.8%, 0.0%, 76.8%, 18.8%

OKLCH

0.7463 0.2327 142.9

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#2ECF30

#CF2ECD

Analogous

#7DCF2E

#2ECF80

#2ECF30

Triadic

#2ECF30

#302ECF

#CF302E

Split Complementary

#2ECF30

#802ECF

#CF2E7D

Tetradic

#2ECF30

#2E7DCF

#CF2ECD

#CF802E

Color Blindness Simulation

Original

#2ECF30

Protanopia

#747556

Deuteranopia

#6A5E60

Tritanopia

#36757C

Achromatopsia

#A1A1A1

CSS Usage

background-color: #2ECF30;
color: #2ECF30;
border-color: #2ECF30;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FBF3
100
#E4F7E4
200
#C5F2C5
300
#9BE99C
400
#65DD66
500
#2ED130
600
#25A727
700
#1E851F
800
#176818
900
#154C15
950
#0D300D

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

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