Chartreuse (CSS) Tetradic Color Scheme

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

#7FFF00

#00FFFF

#8800FF

#FF0000

#B1FF65

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Chartreuse (CSS)	`#7FFF00`	127, 255, 0	90°, 100%, 50%	50, 0, 100, 0	89.0% 0.265 136
Cyan	`#00FFFF`	0, 255, 255	180°, 100%, 50%	100, 0, 0, 0	90.5% 0.155 195
Purple Climax	`#8800FF`	136, 0, 255	272°, 100%, 50%	47, 100, 0, 0	53.9% 0.294 297
Red	`#FF0000`	255, 0, 0	0°, 100%, 50%	0, 100, 100, 0	62.8% 0.258 29
Pale Lime Green	`#B1FF65`	177, 255, 101	90°, 100%, 70%	31, 0, 60, 0	91.9% 0.200 132

Which pairs work for text

Text on background	Contrast	WCAG
Aa #8800FF on #B1FF65	4.97:1	AA
Aa #00FFFF on #8800FF	4.80:1	AA
Aa #7FFF00 on #8800FF	4.64:1	AA
Aa #FF0000 on #B1FF65	3.31:1	AA large
Aa #00FFFF on #FF0000	3.19:1	AA large
Aa #7FFF00 on #FF0000	3.09:1	AA large

CSS variables

:root {
  --color-1: #7fff00; /* Chartreuse (CSS) */
  --color-2: #00ffff; /* Cyan */
  --color-3: #8800ff; /* Purple Climax */
  --color-4: #ff0000; /* Red */
  --color-5: #b1ff65; /* Pale Lime Green */
}

Other schemes from Chartreuse (CSS)

#7FFF00
#AAFF55
#8800FF
#5500BB
#AA66FF
Chartreuse (CSS) Complementary Color Scheme
#FF8400
#FEFF00
#7FFF00
#00FF00
#04F489
Chartreuse (CSS) Analogous Color Scheme
#7FFF00
#007FFF
#FF007F
#B1FF65
#095BAF
Chartreuse (CSS) Triadic Color Scheme
#7FFF00
#0000FF
#FF00FF
#5CB200
#4D4DFF
Chartreuse (CSS) Split-complementary Color Scheme
#376D03
#5CB200
#7FFF00
#AAFF55
#C1FD95
Chartreuse (CSS) Monochromatic Color Scheme

More medium green tetradic color schemes

Questions

What colors go with Chartreuse (CSS)?

In a tetradic scheme: Cyan (#00FFFF), Purple Climax (#8800FF), Red (#FF0000), Pale Lime Green (#B1FF65).

What is the hex code of Chartreuse (CSS)?

#7FFF00.