Light Green

#88E788

What color is Light Green?

Light green is a soft, bright green with a fresh and open quality, hex #88E788, sitting close to the color of a new leaf in spring. The tone is clear rather than muted, with enough yellow in it to feel warm without crossing into yellow-green.

What is the meaning of the color Light Green?

The English phrase light green entered common use as a descriptive color term in the 18th century, applied to dyed fabrics and painted surfaces across Europe where botanical illustration and garden culture made fine distinctions between greens a practical need. As synthetic dyes expanded the color palette in the 19th century, lighter greens became easier to produce consistently and appeared in wallpapers, textiles, and decorative ceramics. The color gained a formal institutional role in the 20th century when light green was adopted in hospital and public health design to suggest cleanliness and calm, a use codified in mid-century American and European building standards. Pantone 354 C, a close relative, is still used by organizations such as the World Health Organization in branded materials tied to health and environmental campaigns.

RGB
136, 231, 136
HSL
120°, 66%, 72%
CMYK
41, 0, 41, 9
HSV
120°, 41%, 91%
Light green color

What colors go with Light Green?

Colors that pair well with Light green include:
White: clean, open contrast
Navy blue: sharp, grounding depth
Soft coral: warm, gentle complement
Charcoal gray: calm, modern balance
Lavender: cool, delicate softness

Similar Colors

Conversions & Codes

Format Value CSS
HEX #88E788 color: #88E788;
RGB 136, 231, 136 color: rgb(136, 231, 136);
RGB Percentage 53%, 91%, 53% color: rgb(53%, 91%, 53%);
CMYK 41%, 0%, 41%, 9% Not supported in CSS
HSL 120°, 66%, 72% color: hsl(120, 66%, 72%);
HSV 120°, 41%, 91% Not supported in CSS
CIE-LAB 58, -19, 32 color: lab(58% -19 32);
Decimal 8972168 Not supported in CSS

Color Variations

Shades

#88E788
#6AE06A
#4CDA4C
#2DD42D
#25B725
#1F981F
#197A19
#135B13

Tints

#DBF8DB
#D0F5D0
#C4F3C4
#B8F0B8
#ACEEAC
#A0ECA0
#94E994
#88E788

Tones

#88E788
#8DE28D
#92DD92
#97D997
#9BD49B
#A0CFA0
#A5CAA5
#A9C6A9

Hues

#88E788
#88E7CF
#88B8E7
#A088E7
#E788E7
#E788A0
#E7B888
#CFE788

Color Harmonies

Analogous

#B8E788
Click to copy
#88E788
Click to copy
#88E7B8
Click to copy

Complementary

#88E788
Click to copy
#E788E7
Click to copy

Split Complementary

#88E788
Click to copy
#B888E7
Click to copy
#E788B8
Click to copy
96%

Triadic

#88E788
Click to copy
#8888E7
Click to copy
#E78888
Click to copy

Tetradic

#88E788
Click to copy
#88B8E7
Click to copy
#E788E7
Click to copy
#E7B888
Click to copy
97%

Square

#88E788
Click to copy
#88B8E7
Click to copy
#E788E7
Click to copy
#E7B888
Click to copy
97%

CSS & Dev Snippets

CSS
.light-green {
  color: #88E788;
}
SCSS
$light-green: #88E788;
RGB
rgb(136, 231, 136)

Accessibility & Contrast

White background

1.52:1
1.52
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

13.83:1
13.83
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags