Cyan
An electrifying and high-saturation neon cyan
This neon cyan is an electrifying, high-saturation tone that demands attention. Because #00ffff is so intense, it works best as a sharp accent rather than a full background. Pair it with dark grays or deep blues for a modern tech aesthetic. Black text provides the highest legibility against this bright color, making it suitable for high-contrast interface buttons or warning highlights.
Questions about Cyan
What is the hex code for Cyan?
Cyan is #00ffff. In RGB that is rgb(0, 255, 255), in HSL hsl(180, 100%, 50%) and in CMYK 100%, 0%, 0%, 0%.
What colors pair best with #00ffff?
Use #00ffff against charcoal or deep navy backgrounds to ground its intense energy. For a high-contrast tech aesthetic, pair this cyan with black text or dark, desaturated grays to maintain visual balance and legibility.
Is #00ffff suitable for main text?
Avoid using #00ffff as a primary text color because its high luminosity creates severe eye strain against most backgrounds. Reserve this vibrant shade for interface buttons, warning highlights, or distinct UI accents that require immediate user attention.
Is Cyan readable on white or black?
Cyan has a 1.25:1 contrast ratio on white and 16.74:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.