What Goes With Cyan?
Five colors that pair well with Cyan (#00FFFF), computed from its position on the hue wheel.
Complementary
#FF0000
Analogous (-30°)
#00FF80
Analogous (+30°)
#0080FF
Triadic
#FF00FF
Triadic
#FFFF00
Why These Colors Work With Cyan
Cyan (#00FFFF) sits at exactly 180°, the precise midpoint of the hue wheel between green and blue, holding full saturation at a mid 50% lightness — it's aliased to Aqua in the CSS spec (same hex), reflecting that both names describe the same underlying color from slightly different metaphors (the print-process primary versus the water-color one). As one of the additive color model's core primaries alongside magenta and yellow, cyan has a genuinely different professional identity in print/CMYK contexts than in RGB screen contexts, where it's simply one hue among many; understanding which context you're in changes how 'important' the color is. Its complement is pure red, and red-cyan is used constantly in stereoscopic 3D-glasses design for pure technical reasons (maximal channel separation) more than for aesthetic harmony. In design use, cyan against navy or dark blue creates a natural analogous-family gradient that reads as oceanic or technical; against white it stays crisp and clinical, which is part of why it appears often in medical and tech-diagnostic UI. Full-strength cyan is difficult to use as text on white due to poor contrast, so it typically appears as a background wash or a bold accent rather than for reading-length copy.
Curated Companion Picks
analogous-family gradient that reads oceanic/technical
true complement; used in stereoscopic 3D glasses for channel separation
crisp, clinical pairing common in medical/tech UI