Aqua (CSS) Complementary Color Scheme

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

#00FFFF

#56FFFF

#FF0000

#B30103

#FF6666

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
CGA Blue	`#56FFFF`	86, 255, 255	180°, 100%, 67%	66, 0, 0, 0	91.5% 0.136 195
Red	`#FF0000`	255, 0, 0	0°, 100%, 50%	0, 100, 100, 0	62.8% 0.258 29
All Systems Red	`#B30103`	179, 1, 3	359°, 99%, 35%	0, 99, 98, 30	48.2% 0.197 29
Pompelmo	`#FF6666`	255, 102, 102	0°, 100%, 70%	0, 60, 60, 0	70.4% 0.187 23

Which pairs work for text

Text on background	Contrast	WCAG
Aa #56FFFF on #B30103	5.87:1	AA
Aa #00FFFF on #B30103	5.73:1	AA
Aa #56FFFF on #FF0000	3.26:1	AA large
Aa #00FFFF on #FF0000	3.19:1	AA large
Aa #B30103 on #FF6666	2.51:1	—
Aa #56FFFF on #FF6666	2.33:1	—

CSS variables

:root {
  --color-1: #00ffff; /* Aqua (CSS) */
  --color-2: #56ffff; /* CGA Blue */
  --color-3: #ff0000; /* Red */
  --color-4: #b30103; /* All Systems Red */
  --color-5: #ff6666; /* Pompelmo */
}

Other schemes from Aqua (CSS)

More medium teal complementary color schemes

Questions

What colors go with Aqua (CSS)?

In a complementary scheme: CGA Blue (#56FFFF), Red (#FF0000), All Systems Red (#B30103), Pompelmo (#FF6666).

What is the hex code of Aqua (CSS)?

#00FFFF.