Cyan color: code #00FFFF

Cyan

#00FFFF

Color codes

  • HEX#00FFFF
  • RGBrgb(0, 255, 255)
  • HSLhsl(180, 100%, 50%)
  • HSVhsv(180, 100%, 100%)
  • CMYKcmyk(100%, 0%, 0%, 0%)
  • LABlab(91.1% -48.1 -14.1)
  • OKLCHoklch(90.5% 0.155 194.8)

About the color Cyan

Cyan has the HEX code #00FFFF, which corresponds to rgb(0, 255, 255) in the RGB model. On the color wheel its hue sits at 180°, with 100% saturation and 50% lightness (hsl(180, 100%, 50%)).

Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.

As a background it calls for dark text: black reaches a 16.74:1 contrast ratio on it, versus 1.25:1 for white.

For print, the approximate conversion is cmyk(100%, 0%, 0%, 0%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Cyan

Complementary

#00FFFF · #FF0000

Analogous

#00FF80 · #00FFFF · #0080FF

Triadic

#00FFFF · #FF00FF · #FFFF00

Tetradic

#00FFFF · #8000FF · #FF0000 · #80FF00

Split-complementary

#00FFFF · #FF0080 · #FF8000

Monochromatic

#008080 · #00CCCC · #00FFFF · #4DFFFF · #99FFFF

Cyan with white and black text

White text Aa Bb Cc 123
1.25:1 · fails WCAG
Black text Aa Bb Cc 123
16.74:1 · AAA

Test other pairs in the contrast checker

How to use it in CSS

:root {
  --color-cyan: #00FFFF;
  --color-cyan-rgb: 0, 255, 255;
}

.elemento {
  background-color: var(--color-cyan);
  color: #000000;
}

Similar colors

Use Cyan in our tools