logoredraws.com

Light Green Color Code for Logo Design

The standard light green color code is #90EE90 (RGB 144, 238, 144). Learn how to apply it in vector logo files, adapt it for print, and handle its low contrast.

Published

Contents
  1. The Short Answer: #90EE90
  2. Light Green Values at a Glance
  3. Using the Code in a Vector Logo File
  4. Why Sampling From a Preview Can Mislead
  5. Screen Versus Print
  6. Contrast Considerations
  7. Gaps in Available Information

The Short Answer: #90EE90

The most widely recognized light green color code is #90EE90. It is the value assigned to the named color "lightgreen" in the CSS color specification used by web browsers. In RGB it is 144, 238, 144, and in HSL it is 120°, 73%, 75%. If you need a single, standardized light green for a logo palette, this is the defensible starting point.

"Light green" is not one universally fixed color, though. Designers apply the term to many tints, and no single industry body owns it. #90EE90 is a convention, not a requirement. Treat it as a reference value, then adjust it to suit the brand.

Light Green Values at a Glance

Name | HEX | RGB | Notes
lightgreen (CSS) | #90EE90 | 144, 238, 144 | Standard named web color; HSL 120°, 73%, 75%
palegreen (CSS) | #98FB98 | 152, 251, 152 | A slightly brighter, paler neighbor in the same specification

Both values come from the CSS named-color list, so they render consistently in browsers and SVG viewers. Neither has an officially published print equivalent in that specification.

Using the Code in a Vector Logo File

In vector artwork, a color code is stored as a fill or stroke attribute on paths and shapes. Because the color is defined numerically, it stays exact at any size. A raster image can only approximate it pixel by pixel. In an SVG, the value appears directly in the markup:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <circle cx="50" cy="50" r="40" fill="#90EE90" />
</svg>

In vector editors, it is good practice to save the value as a named or global swatch rather than typing it into each object. A global swatch lets you change the green across every element in one edit. It also documents the intended value for anyone who receives the source file later.

A file extension alone does not confirm that the color is applied to editable vector paths. An SVG, EPS, AI or PDF can contain an embedded raster image, in which case the green is baked into pixels and cannot be changed by editing a swatch. Open the file and inspect the objects before relying on it as editable artwork.

Why Sampling From a Preview Can Mislead

Picking light green with an eyedropper from a JPEG or PNG preview often returns a slightly different value than the one defined in the source vector. Compression, color-profile conversion and anti-aliased edges all shift sampled pixels. When a precise code matters, read it from the vector file's swatch or fill attribute, or from the brand's style guide, rather than from a raster preview.

Screen Versus Print

#90EE90 is an RGB value meant for screens. A simple mathematical conversion to CMYK gives roughly C 39, M 0, Y 39, K 7. That formula ignores ink behavior, paper stock and color profiles, so it is not a reliable print specification. Printed results from it can look duller or shift in hue.

For print, convert within a color-managed workflow using the profile your printer specifies. Then confirm the result with a physical proof. If the brand needs a spot color, select one from a printed swatch guide rather than a screen. No verified Pantone match for #90EE90 was available for this article, so none is given here.

Contrast Considerations

Light green is a high-luminance color. Using the WCAG relative-luminance formula, #90EE90 on white calculates to a contrast ratio of only about 1.4:1, while on black it is about 14.8:1. Logotypes are exempt from WCAG text-contrast requirements, but low contrast still affects how visible a mark is.

  • Place light green on dark backgrounds, or pair it with a darker outline or companion color, when it must stand out on white.
  • Avoid setting small text or fine linework in light green on light surfaces.
  • Define darker and lighter variants in the palette so the logo has an option for every background.
  • Include a one-color or monochrome version, since a pale green may not survive single-color reproduction.

Gaps in Available Information

This article does not cover a specific brand's light green, a verified Pantone or spot-color equivalent, or print measurements under real conditions. Any of these would require the brand's own guidelines or a physical proof from the intended printer.