Cyan color

One of the primary colors of CMYK printing, along with magenta and yellow. On screen it appears when green and blue light are both at full strength. It's used in technical design, printing and tech graphics.

Also known as: aqua.

Cyan · #00FFFF

About cyan

Cyan (#00FFFF) is a cool, mid-tone, highly saturated color. It belongs to the turquoises family. It mixes 0 red, 255 green and 255 blue (out of 255). It is mostly used in print, web, graphic design.

Cyan shades and tints

From lightest to darkest. Tap a shade to copy its code.

Cyan color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Red

AnalogousClose to: Mint green, Electric blue

TriadicClose to: Magenta, Yellow

Split complementaryClose to: Deep pink, Orange

TetradicClose to: Violet, Red, Chartreuse

Cyan color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Cyan

Analogous palette · Cyan

Complementary palette · Cyan

Triadic palette · Cyan

With neutrals palette · Cyan

With an accent palette · Cyan

Cyan contrast with text

White textContrast 1.3:1 · Not recommended

Black textContrast 16.7:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --cyan: #00FFFF;
  --cyan-rgb: 0, 255, 255;
}
.bg { background-color: var(--cyan); }
.text { color: var(--cyan); }

Colors similar to cyan

Turquoise Dark turquoise Aquamarine Tiffany blue Seafoam green Pastel turquoise Sky blue Baby blue Light blue Pastel blue

Themed palettes with this color

More turquoises

Turquoise Aquamarine Seafoam green Teal Petrol blue Dark teal Dark turquoise Pastel turquoise Tiffany blue

Frequently asked questions

What is the hex code for cyan?

The hex code for cyan is #00FFFF. In RGB it is rgb(0, 255, 255), in HSL hsl(180, 100%, 50%) and in CMYK 100, 0, 0, 0.

What is the complementary color of cyan?

Its complement on the color wheel is #FF0000, close to red. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on cyan?

Use black text instead: the contrast with white is only 1.3:1, while with black it is 16.7:1.