Cyan #00FFFF

Cyan is #00FFFF, the color you get when green and blue light combine at full strength with no red. It is very light, cool, and as saturated as a screen can display. Cyan is also one of the three primary inks in color printing, so many people know it as the C in CMYK.

On screens, cyan and aqua are identical in CSS (#00FFFF). The cyan ink used in CMYK printing is a deeper, duller blue, so a printed cyan will never match this screen value exactly.

Cyan color codes
HEX#00FFFF
RGBrgb(0, 255, 255)
HSLhsl(180, 100%, 50%)
HSVhsv(180, 100%, 100%)
CMYKcmyk(100%, 0%, 0%, 0%)

Text on Cyan

Black text reads better on Cyan. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.

White text

The quick brown fox jumps over the lazy dog.

1.25:1 · Fail
Black text

The quick brown fox jumps over the lazy dog.

16.74:1 · AAA

Colors that go with Cyan

Cyan tints and shades

Tints mix Cyan with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.

Tints

#26FFFF
#4DFFFF
#73FFFF
#99FFFF
#BFFFFF

Shades

#00D9D9
#00B3B3
#008C8C
#006666
#004040

Cyan color schemes

Color-wheel harmonies built by rotating the hue of #00FFFF and keeping its saturation and lightness.

Complementary

#00FFFF
#FF0000

Analogous

#00FF80
#00FFFF
#0080FF

Triadic

#00FFFF
#FF00FF
#FFFF00

Split complementary

#00FFFF
#FF0080
#FF8000

Tetradic

#00FFFF
#8000FF
#FF0000
#80FF00

Cyan color meaning

Cyan has a more technical reputation than most colors. In the RGB model it is the exact opposite of red: take red out of white light and cyan is what remains. Printers use it the other way around, as an ink that absorbs red, which is why it sits at the start of CMYK.

The name comes from the Greek kyanos, a word used for dark blue, which is an odd fit for such a light shade. Over time the term settled on the bright blue-green that color science uses today.

Culturally, cyan reads as precise and futuristic. It is the stock color for heads-up displays in sci-fi films and games, glowing interface lines, and blueprint-style diagrams. It also feels clinical, much like the light in a lab, which suits technology and science content better than warm lifestyle brands.

How to use Cyan in design

Designers mostly use cyan as a signal color against dark backgrounds, where it reads instantly: data points, active states, focus rings, sci-fi titles. On a light page it can disappear, and white text on cyan is close to invisible, so put black or near-black type on any cyan fill.

In print projects, give the printer a CMYK or Pantone value instead of the hex, since the ink will look bluer than your screen. For posters, a cyan, magenta and yellow layout makes a playful nod to how printing works.

Palettes with Cyan tones

Curated palettes with a color close to #00FFFF.

Colors similar to Cyan

Work with Cyan

Cyan FAQ

What is the difference between cyan and blue?

Cyan contains green as well as blue light, while pure blue (#0000FF) contains only blue. That makes cyan much lighter and gives it a greenish tint. On the color wheel cyan sits halfway between green and blue, and its complement is red.

Why do printers use cyan ink instead of blue?

Printing works by subtraction. Cyan ink absorbs red light and reflects green and blue, and when it overlaps magenta and yellow inks the three can produce a wide range of colors. A pure blue ink would absorb too much and limit the mixes. Black ink is added because the three together make muddy brown.

Is cyan good for a website?

In small amounts, yes. Cyan is excellent for highlights, links, and data on dark backgrounds. As a main background or text color on white it fails, because it is too light to read. Many sites use a deeper teal or blue-green for text and save true cyan for accents.