Cyan Color

Learn about Cyan (#00ffff): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#00ffff
HEX #00ffff
RGB rgb(0, 255, 255)
HSL 180°, 100%, 50%

About Cyan Color

Cyan is a bright, electric blue-green that feels digital and futuristic. It is often used as an accent in modern tech interfaces.

Use Cases for Cyan

tech accentsdigital artneon themesmodern interfacescyberpunk design

Shades & Tints of Cyan

#ffffff
#bfffff
#80ffff
#40ffff
#00ffff
#00bfbf
#008080
#004040
#000000

Complementary Color

#00ffff
#ff0000

Analogous Colors

#00ff80
#00ffff
#0080ff

CSS Code

.cyan-color {
  color: #00ffff;
}

Contrast Recommendations

Black text on Cyan
Ratio: 16.75:1 ✓ Passes AA ✓ Passes AAA
White text on Cyan
Ratio: 1.25:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is Cyan?

Cyan is represented by the hex code #00ffff and has RGB values of rgb(0, 255, 255). It falls under the Cyan category.

How to use Cyan in web design?

Cyan works well for tech accents, digital art, neon themes. Cyan is a bright, electric blue-green that feels digital and futuristic. It is often used as an accent in modern tech interfaces. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Cyan?

Colors that pair well with Cyan include aqua, aquamarine, turquoise, paleturquoise, lightcyan. For a complementary scheme, try #ff0000. For an analogous scheme, use #00ff80 and #0080ff.