Cyan Complementary Color Scheme

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

#00FFFF

#56FFFF

#FF0000

#B30103

#FF6666

Color names and codes

Name	HEX	RGB	HSL	CMYK
Cyan	`#00FFFF`	0, 255, 255	180°, 100%, 50%	100, 0, 0, 0
CGA Blue	`#56FFFF`	86, 255, 255	180°, 100%, 67%	66, 0, 0, 0
Red	`#FF0000`	255, 0, 0	0°, 100%, 50%	0, 100, 100, 0
All Systems Red	`#B30103`	179, 1, 3	359°, 99%, 35%	0, 99, 98, 30
Pompelmo	`#FF6666`	255, 102, 102	0°, 100%, 70%	0, 60, 60, 0

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; /* Cyan */
  --color-2: #56ffff; /* CGA Blue */
  --color-3: #ff0000; /* Red */
  --color-4: #b30103; /* All Systems Red */
  --color-5: #ff6666; /* Pompelmo */
}

Other schemes from Cyan

More Medium Teal complementary palettes

Questions

What colors go with Cyan?

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

What is the hex code of Cyan?

#00FFFF.