Aqua (CSS) Tetradic Color Scheme

Five colors arranged by the tetradic rule around Aqua (CSS) (#00FFFF), each snapped to its nearest named color.

#00FFFF

#7F00FF

#FF0000

#88FF00

#65FFFF

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Aqua (CSS)	`#00FFFF`	0, 255, 255	180°, 100%, 50%	100, 0, 0, 0	90.5% 0.155 195
Violent Violet	`#7F00FF`	127, 0, 255	270°, 100%, 50%	50, 100, 0, 0	52.9% 0.293 294
Red	`#FF0000`	255, 0, 0	0°, 100%, 50%	0, 100, 100, 0	62.8% 0.258 29
Lasting Lime	`#88FF00`	136, 255, 0	88°, 100%, 50%	47, 0, 100, 0	89.4% 0.261 135
Moonglade Water	`#65FFFF`	101, 255, 255	180°, 100%, 70%	60, 0, 0, 0	91.9% 0.129 195

Which pairs work for text

Text on background	Contrast	WCAG
Aa #7F00FF on #65FFFF	5.17:1	AA
Aa #00FFFF on #7F00FF	5.00:1	AA
Aa #7F00FF on #88FF00	4.89:1	AA
Aa #FF0000 on #65FFFF	3.29:1	AA large
Aa #00FFFF on #FF0000	3.19:1	AA large
Aa #FF0000 on #88FF00	3.11:1	AA large

CSS variables

:root {
  --color-1: #00ffff; /* Aqua (CSS) */
  --color-2: #7f00ff; /* Violent Violet */
  --color-3: #ff0000; /* Red */
  --color-4: #88ff00; /* Lasting Lime */
  --color-5: #65ffff; /* Moonglade Water */
}

Other schemes from Aqua (CSS)

More medium teal tetradic color schemes

Questions

What colors go with Aqua (CSS)?

In a tetradic scheme: Violent Violet (#7F00FF), Red (#FF0000), Lasting Lime (#88FF00), Moonglade Water (#65FFFF).

What is the hex code of Aqua (CSS)?

#00FFFF.