Lime (CSS) Analogous Color Scheme

Five colors arranged by the analogous rule around Lime (CSS) (#00FF00), each snapped to its nearest named color.

#FFFF00

#88FF00

#00FF00

#04F489

#00FFFF

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Yellow	`#FFFF00`	255, 255, 0	60°, 100%, 50%	0, 0, 100, 0	96.8% 0.211 110
Lasting Lime	`#88FF00`	136, 255, 0	88°, 100%, 50%	47, 0, 100, 0	89.4% 0.261 135
Lime (CSS)	`#00FF00`	0, 255, 0	120°, 100%, 50%	100, 0, 100, 0	86.6% 0.295 142
Turquoise Green	`#04F489`	4, 244, 137	153°, 97%, 49%	98, 0, 44, 4	84.9% 0.214 154
Cyan	`#00FFFF`	0, 255, 255	180°, 100%, 50%	100, 0, 0, 0	90.5% 0.155 195

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFFF00 on #04F489	1.37:1	—
Aa #FFFF00 on #00FF00	1.28:1	—
Aa #FFFF00 on #88FF00	1.20:1	—
Aa #04F489 on #00FFFF	1.17:1	—
Aa #FFFF00 on #00FFFF	1.17:1	—
Aa #88FF00 on #04F489	1.14:1	—

CSS variables

:root {
  --color-1: #ffff00; /* Yellow */
  --color-2: #88ff00; /* Lasting Lime */
  --color-3: #00ff00; /* Lime (CSS) */
  --color-4: #04f489; /* Turquoise Green */
  --color-5: #00ffff; /* Cyan */
}

Other schemes from Lime (CSS)

More medium green analogous color schemes

Questions

What colors go with Lime (CSS)?

In a analogous scheme: Yellow (#FFFF00), Lasting Lime (#88FF00), Turquoise Green (#04F489), Cyan (#00FFFF).

What is the hex code of Lime (CSS)?

#00FF00.