#2EC40C

Color Details

HEX
#2EC40C
RGB
rgb(46, 196, 12)
HSL
hsl(109, 88%, 41%)
CMYK
cmyk(77%, 0%, 94%, 23%)
Best text on this color #000000 (CR 9.02:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2ec40c
Contrast 9.02:1 AAA
White on #2ec40c
Contrast 2.33:1 Fail
#2ec40c on Black
Contrast 9.02:1 AAA
#2ec40c on White
Contrast 2.33:1 Fail

Tints & Shades

#58d03d
#82dc6d
#abe79e
#259d0a
#1c7607
#124e05

Complement & Analogous

#a30dc5
#0dc547
#8ac50d

Triadic

#0d2ec5
#c50d2e

Monochrome

#124e05 #1c7607 #2ec40c #82dc6d #abe79e #d5f3ce

Analogous

#8ac50d #add656 #2ec40c #3dd16c #0dc547 #0a9e39

Complementary Mix

#1c7607 #2ec40c #82dc6d #a30dc5 #c362d9 #6a0880

Nearby Colors

#2ec40b
#2ec40d
#2ec3fc
#2ec41c

Embed #2EC40C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #2EC40C

#2EC40C converts to RGB(46, 196, 12) and HSL(109, 88%, 41%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#2EC40C FAQs

What is the RGB value of #2EC40C?
RGB: 46, 196, 12. Copy as CSS: rgb(46, 196, 12)
Is #2EC40C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2EC40C?
Complement: #a30dc5.
Does #2EC40C have good contrast on white or black?
On white: 2.33:1 (Fails AA). On black: 9.02:1 (AAA (normal text)).