Cyan hex code
The hex code for cyan is #00FFFF. In RGB that is rgb(0, 255, 255) and in HSL it is hsl(180, 100%, 50%).
The hex code for cyan is #00FFFF. In RGB that is rgb(0, 255, 255) and in HSL it is hsl(180, 100%, 50%).
Cyan · #00FFFF
Colour codes
- HEX
- #00FFFF
- RGB
- rgb(0, 255, 255)
- HSL
- hsl(180, 100%, 50%)
- CMYK
- 100, 0, 0, 0
- CSS name
- cyan
- Contrast on white
- 1.25:1
- Contrast on black
- 16.75:1
Tints and shades
20% lighter · #33ffff
40% lighter · #66ffff
60% lighter · #99ffff
80% lighter · #ccffff
20% darker · #00cccc
40% darker · #009999
60% darker · #006666
80% darker · #003333
Complementary colour
Cyan · #00FFFF
Opposite on the colour wheel · #ff0000
Frequently asked questions
What is the hex code for cyan?
The hex code for cyan is #00FFFF. In RGB that is rgb(0, 255, 255) and in HSL it is hsl(180, 100%, 50%).
Can I use cyan for text?
It has a contrast ratio of 1.25:1 on white and 16.75:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with cyan?
Its complementary colour, opposite on the colour wheel, is #FF0000. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of cyan instead.
Is cyan a CSS colour name?
Yes. CSS accepts the keyword cyan, so color: cyan and color: #00FFFF render exactly the same.