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.
| HEX | #00FFFF | |
|---|---|---|
| RGB | rgb(0, 255, 255) | |
| HSL | hsl(180, 100%, 50%) | |
| HSV | hsv(180, 100%, 100%) | |
| CMYK | cmyk(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.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
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
Shades
Cyan color schemes
Color-wheel harmonies built by rotating the hue of #00FFFF and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
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.