Skip to content
ColorPlum

Colors · value from the xkcd color survey (2010)

Neon green color: hex code #0CFF0C, RGB and palettes

Neon green is #0CFF0C (RGB 12, 255, 12), the xkcd survey value: a glaring pure green close to CSS lime. Black text on it reaches 15.32:1, but as text on white it is only 1.37:1.

By Paul Gunder. Every value is computed from published standards; see how ColorPlum works.

Updated

ColorPlum swatchNeon greenmedium, vivid green
HEX
#0CFF0C
RGB
rgb(12, 255, 12)
HSL
hsl(120, 100%, 52%)

Best text on it: black at 15.32:1

Copy codes as
Build a paletteMake a gradientCheck contrastWallpaper

Every code for Neon green

  • HEX#0CFF0C
  • RGBrgb(12, 255, 12)
  • HSLhsl(120, 100%, 52%)
  • HSV120°, 95%, 100%
  • CMYK95%, 0%, 95%, 0%
  • Lablab(87.9% -78.8 80.2)
  • OKLCHoklch(86.7% 0.293 142.5)
  • Decimal851724

Tints, shades and tones

From white to black in 10% steps, with Neon green in the middle. Tap a code to copy it.

  1. 90%#E7FFE7
  2. 80%#CEFFCE
  3. 70%#B6FFB6
  4. 60%#9EFF9E
  5. 50%#86FF86
  6. 40%#6DFF6D
  7. 30%#55FF55
  8. 20%#3DFF3D
  9. 10%#24FF24
  10. Base#0CFF0C
  11. 10%#0BE60B
  12. 20%#0ACC0A
  13. 30%#08B308
  14. 40%#079907
  15. 50%#068006
  16. 60%#056605
  17. 70%#044D04
  18. 80%#023302
  19. 90%#011A01

Tones (mixed with gray)

  1. 10%#18F218
  2. 20%#23E623
  3. 30%#2FD92F
  4. 40%#3ACC3A
  5. 50%#46C046
  6. 60%#52B352
  7. 70%#5DA65D
  8. 80%#699969
  9. 90%#748D74

Matching colors

Complementary
Analogous
Triadic
Split complementary
Tetradic (square)
Monochromatic
  • #007200
  • #00BF00
  • #0CFF0C
  • #59FF59
  • #A5FFA5

Neon green in 3D color space

OKLab, the space ColorPlum does its math in: lightness runs up the pole, hue goes around it and saturation grows outward. The faint shell is every color a screen can show (saturation is drawn wider than lightness so hues separate). Drag to turn it.

Neon green with its complement, its triad and its tint and shade
  • Neon green
  • Triad #0C0CFF
  • Triad #FF0C0C
  • Complement
  • 50% tint
  • 50% shade

Neon green in use

New collectionAutumn edit

Card body text stays dark for reading; neon green carries the header and the button.

Shop nowTag

Headline in Neon green

A paragraph with a link in dark text, because this color is too light for text on white; use it for fills instead.

How it looks with color-vision deficiency

A simulation (Machado and colleagues, 2009) of how the color and its complement read without one type of cone.

  • Typical color vision#0CFF0C
  • Protanopia (no red cones)#FFE500
  • Deuteranopia (no green cones)#EFD63D
  • Tritanopia (no blue cones)#00F7D9

Contrast and readability

PairingRatioWCAG 2.2
as text on white1.37:1AA AA large AAA
as text on black15.32:1AA AA large AAA
white text on it1.37:1AA AA large AAA
black text on it15.32:1AA AA large AAA
on your background1.19:1AA AA large AAA

Export

:root {
  --neon-green: #0cff0c;
  --neon-green-rgb: 12 255 12;
  --neon-green-on: #000000;
}
On this page

Neon green is about as green as a screen can get. The page shows #0CFF0C, taken from the xkcd color survey, where the most common answer for this name was almost pure green with only a trace of red and blue. It is essentially the same as the CSS keyword lime, which is #00FF00.

Reading the numbers

The RGB values are 12, 255, 12, and the HSL reading is hue 120°, 100% saturation, 52% lightness. CMYK shows 95%, 0%, 95%, 0%, but inks can't match this brightness, so printed neon green is noticeably duller than a screen. The decimal value is 851724. In OKLCH the chroma is 0.293, which is extremely high.

The survey has many names for this same color: "bright green" (#01FF07), "fluorescent green" (#08FF08) and "fluro green" (#0AFF02) are each about 0.1 away in OKLab, which is too close to see. The CSS lime is 0.2 away, so you can safely write lime when you want this look. The other CSS greens are further: lawngreen is 4.5 away, chartreuse 4.8 and springgreen 7.0, and all of them lean yellow or blue.

Contrast rules

Neon green behaves like a light source, so it needs a dark setting.

  • On black: 15.32:1. On dark gray #1A1A1A it measures 12.70:1.
  • On white: 1.37:1, essentially invisible.
  • Text on it: black, at 15.32:1. White only manages 1.37:1.
  • Dark partners: the shade #011A01 under green text is 13.33:1. A deeper green, #044D04, holds white text at 10.15:1.

The complement is magenta (#FF0CFF), which makes a loud pair. Triadic partners are pure blue (#0C0CFF) and red (#FF0C0C). A smoother route is the analogous pair: lime-yellow #86FF0C and aqua-green #0CFF86.

Worked example

Say you are making numbers for a charity night run, and the organizers want participants to be visible in the dark. The printed bibs use neon green as a background with big black numerals at 15.32:1. For the event website you flip it: a dark #011A01 band with the headline in neon green and the schedule in white. For small text such as the route notes you avoid green altogether. If you need a green button on a white page, use the shade #056605, where white text measures 7.21:1, and keep neon green only for the glow around the logo.

For softer greens try mint or pastel green, and for a woodland tone, hunter green. The shade and tint generator can build darker greens from this one.

Sources

  1. xkcd, Color survey results: the 954 most common color names (Randall Munroe, 2010; checked 2026-11-10) xkcd.com
  2. xkcd, Color survey results (blog post by Randall Munroe, 2010; checked 2026-11-10) blog.xkcd.com
  3. W3C, CSS Color Module Level 4: named colors (checked 2026-11-10) w3.org
  4. W3C, Web Content Accessibility Guidelines (WCAG) 2.2: contrast minimum (checked 2026-11-10) w3.org