ChromaWell

What Goes With Cyan?

Five colors that pair well with Cyan (#00FFFF), computed from its position on the hue wheel.

#00FFFF

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

Navy#0A1F44

analogous-family gradient that reads oceanic/technical

Pure red#FF0000

true complement; used in stereoscopic 3D glasses for channel separation

White#FFFFFF

crisp, clinical pairing common in medical/tech UI