Huebook

Light Green Complementary Color Scheme

Five colors arranged by the complementary rule around Light Green (#76FF7B), each snapped to its nearest named color.

#76FF7B
#CCFFCC
#FC74FD
#FF22FF
#FFDDFF

Color names and codes

NameHEXRGBHSLCMYK
Light Green#76FF7B118, 255, 123122°, 100%, 73%54, 0, 52, 0
Distilled Moss#CCFFCC204, 255, 204120°, 100%, 90%20, 0, 20, 0
Electric Flamingo#FC74FD252, 116, 253300°, 97%, 72%0, 54, 0, 1
New Wave Pink#FF22FF255, 34, 255300°, 100%, 57%0, 87, 0, 0
Sugarpills#FFDDFF255, 221, 255300°, 100%, 93%0, 13, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #CCFFCC on #FF22FF2.71:1—
Aa #FF22FF on #FFDDFF2.46:1—
Aa #76FF7B on #FF22FF2.36:1—
Aa #CCFFCC on #FC74FD2.07:1—
Aa #FC74FD on #FFDDFF1.88:1—
Aa #76FF7B on #FC74FD1.81:1—

CSS variables

:root {
  --color-1: #76ff7b; /* Light Green */
  --color-2: #ccffcc; /* Distilled Moss */
  --color-3: #fc74fd; /* Electric Flamingo */
  --color-4: #ff22ff; /* New Wave Pink */
  --color-5: #ffddff; /* Sugarpills */
}

Other schemes from Light Green

More Light Green complementary palettes

Questions

What colors go with Light Green?

In a complementary scheme: Distilled Moss (#CCFFCC), Electric Flamingo (#FC74FD), New Wave Pink (#FF22FF), Sugarpills (#FFDDFF).

What is the hex code of Light Green?

#76FF7B.