Huebook

Lawn Green (CSS) Tetradic Color Scheme

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

#7CFC00
#00FCFC
#8800FF
#FD0202
#B1FF65

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Lawn Green (CSS)#7CFC00124, 252, 090°, 100%, 49%51, 0, 100, 188.2% 0.263 136
Arctic Water#00FCFC0, 252, 252180°, 100%, 49%100, 0, 0, 189.7% 0.153 195
Purple Climax#8800FF136, 0, 255272°, 100%, 50%47, 100, 0, 053.9% 0.294 297
Encarnado#FD0202253, 2, 20°, 98%, 50%0, 99, 99, 162.5% 0.256 29
Pale Lime Green#B1FF65177, 255, 10190°, 100%, 70%31, 0, 60, 091.9% 0.200 132

Which pairs work for text

Text on backgroundContrastWCAG
Aa #8800FF on #B1FF654.97:1AA
Aa #00FCFC on #8800FF4.68:1AA
Aa #7CFC00 on #8800FF4.52:1AA
Aa #FD0202 on #B1FF653.35:1AA large
Aa #00FCFC on #FD02023.15:1AA large
Aa #7CFC00 on #FD02023.04:1AA large

CSS variables

:root {
  --color-1: #7cfc00; /* Lawn Green (CSS) */
  --color-2: #00fcfc; /* Arctic Water */
  --color-3: #8800ff; /* Purple Climax */
  --color-4: #fd0202; /* Encarnado */
  --color-5: #b1ff65; /* Pale Lime Green */
}

Other schemes from Lawn Green (CSS)

More medium green tetradic color schemes

Questions

What colors go with Lawn Green (CSS)?

In a tetradic scheme: Arctic Water (#00FCFC), Purple Climax (#8800FF), Encarnado (#FD0202), Pale Lime Green (#B1FF65).

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

#7CFC00.