Cyan #00FFFF

Cyan#00FFFF · rgb(0, 255, 255)

Cyan color codes

CSS namecyan
HEX#00FFFF
RGBrgb(0, 255, 255)
HSLhsl(180, 100%, 50%)
CMYKcmyk(100%, 0%, 0%, 0%)
Decimal65535

Shades of Cyan (darker)

#00E6E6 · #00CCCC · #00B3B3 · #009999 · #008080 · #006666 · #004D4D · #003333 · #001A1A

Tints of Cyan (lighter)

#1AFFFF · #33FFFF · #4DFFFF · #66FFFF · #80FFFF · #99FFFF · #B3FFFF · #CCFFFF · #E6FFFF

Color harmonies

Complementary
#FF0000
Triadic
#FF00FF, #FFFF00
Analogous
#00FF80, #0080FF

Accessibility (WCAG contrast)

White text on Cyan1.25:1 · Fail
Black text on Cyan16.75:1 · AAA

Use Cyan in code

.element {
  color: cyan;          /* or #00ffff */
  background-color: rgb(0 255 255 / 0.5);
}

Frequently asked questions

What is the hex code for Cyan?

Cyan is #00FFFF in HEX, rgb(0, 255, 255) in RGB and hsl(180, 100%, 50%) in HSL.

Can I use "cyan" directly in CSS?

Yes. "cyan" is one of the 148 standard CSS named colors, so color: cyan; works in every browser.

Is Cyan readable on white?

The contrast ratio of Cyan on white is 1.25:1 (WCAG Fail). On black it is 16.75:1 (AAA).

What is the complementary color of Cyan?

The complementary color (opposite on the color wheel) is #FF0000.

Similar colors

Deep Sky Blue#00BFFFDark Turquoise#00CED1Turquoise#40E0D0Medium Turquoise#48D1CCMedium Spring Green#00FA9ADodger Blue#1E90FFLight Sea Green#20B2AASpring Green#00FF7F

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.