Huebook

Lawn Green (CSS) Triadic Color Scheme

Five colors arranged by the triadic rule around Lawn Green (CSS) (#7CFC00), each snapped to its nearest named color.

#7CFC00
#007FFF
#FF007E
#B1FF65
#0055AA

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Lawn Green (CSS)#7CFC00124, 252, 090°, 100%, 49%51, 0, 100, 188.2% 0.263 136
Azure#007FFF0, 127, 255210°, 100%, 50%100, 50, 0, 061.3% 0.212 256
Pink Poison#FF007E255, 0, 126330°, 100%, 50%0, 100, 51, 064.5% 0.260 3
Pale Lime Green#B1FF65177, 255, 10190°, 100%, 70%31, 0, 60, 091.9% 0.200 132
Blue Lobster#0055AA0, 85, 170210°, 100%, 33%100, 50, 0, 3345.8% 0.153 255

Which pairs work for text

Text on backgroundContrastWCAG
Aa #B1FF65 on #0055AA6.03:1AA
Aa #7CFC00 on #0055AA5.48:1AA
Aa #007FFF on #B1FF653.17:1AA large
Aa #FF007E on #B1FF653.13:1AA large
Aa #7CFC00 on #007FFF2.88:1—
Aa #7CFC00 on #FF007E2.84:1—

CSS variables

:root {
  --color-1: #7cfc00; /* Lawn Green (CSS) */
  --color-2: #007fff; /* Azure */
  --color-3: #ff007e; /* Pink Poison */
  --color-4: #b1ff65; /* Pale Lime Green */
  --color-5: #0055aa; /* Blue Lobster */
}

Other schemes from Lawn Green (CSS)

More medium green triadic color schemes

Questions

What colors go with Lawn Green (CSS)?

In a triadic scheme: Azure (#007FFF), Pink Poison (#FF007E), Pale Lime Green (#B1FF65), Blue Lobster (#0055AA).

What is the hex code of Lawn Green (CSS)?

#7CFC00.