Lime (CSS) Triadic Color Scheme

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

#00FF00

#0000FF

#FF0000

#66FF66

#0000BB

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Lime (CSS)	`#00FF00`	0, 255, 0	120°, 100%, 50%	100, 0, 100, 0	86.6% 0.295 142
Blue	`#0000FF`	0, 0, 255	240°, 100%, 50%	100, 100, 0, 0	45.2% 0.313 264
Red	`#FF0000`	255, 0, 0	0°, 100%, 50%	0, 100, 100, 0	62.8% 0.258 29
Screamin’ Green	`#66FF66`	102, 255, 102	120°, 100%, 70%	60, 0, 60, 0	88.7% 0.234 143
Antarctic Circle	`#0000BB`	0, 0, 187	240°, 100%, 37%	100, 100, 0, 27	35.8% 0.248 264

Which pairs work for text

Text on background	Contrast	WCAG
Aa #66FF66 on #0000BB	9.35:1	AAA
Aa #00FF00 on #0000BB	8.91:1	AAA
Aa #0000FF on #66FF66	6.57:1	AA
Aa #00FF00 on #0000FF	6.26:1	AA
Aa #FF0000 on #66FF66	3.06:1	AA large
Aa #FF0000 on #0000BB	3.06:1	AA large

CSS variables

:root {
  --color-1: #00ff00; /* Lime (CSS) */
  --color-2: #0000ff; /* Blue */
  --color-3: #ff0000; /* Red */
  --color-4: #66ff66; /* Screamin’ Green */
  --color-5: #0000bb; /* Antarctic Circle */
}

Other schemes from Lime (CSS)

More medium green triadic color schemes

Questions

What colors go with Lime (CSS)?

In a triadic scheme: Blue (#0000FF), Red (#FF0000), Screamin’ Green (#66FF66), Antarctic Circle (#0000BB).

What is the hex code of Lime (CSS)?

#00FF00.