Cyan is a medium, vivid shade in the blue color family, with a cool feel. Its HEX code is #00FFFF, which equals rgb(0, 255, 255) in RGB and hsl(180, 100%, 50%) in HSL. In print terms it converts to roughly C100 M0 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#00FFFF - RGB
0, 255, 255 - HSL
180°, 100%, 50% - CMYK
100, 0, 0, 0 - Family
Blue - Tone
Medium, vivid
About Cyan
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 16.75:1. Its complementary color is #FF0000.
Download Cyan as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Cyan color codes
| HEX | #00FFFF |
|---|---|
| RGB | rgb(0, 255, 255) |
| HSL | hsl(180, 100%, 50%) |
| HSV | 180°, 100%, 100% |
| CMYK | 100%, 0%, 0%, 0% |
| Decimal | 65535 |
Shades and tints of Cyan
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5FFFF - 100
#AAFFFF - 200
#80FFFF - 300
#55FFFF - 400
#2BFFFF - 500
#00FFFF - 600
#00D5D5 - 700
#00AAAA - 800
#008080 - 900
#005555 - 950
#002B2B
Color harmonies for Cyan
- Complementary
#FF0000≈ Pure Cardinal - Analogous −30°
#00FF80≈ Spring Green - Analogous +30°
#0080FF≈ Azure Blue - Triadic +120°
#FF00FF≈ Pure Fuchsia - Triadic +240°
#FFFF00≈ Lemon - Split 150°
#FF0080≈ Rose - Split 210°
#FF8000≈ Dark Orange
Contrast and accessibility of Cyan
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Cyan | Aa | 1.25:1 | Fails |
| Black text on Cyan | Aa | 16.75:1 | AAA (excellent) |
CSS code for Cyan
background-color: #00FFFF;color: #00FFFF;background-color: rgb(0, 255, 255);background-color: hsl(180, 100%, 50%);:root { --color-cyan: #00FFFF; }class="bg-[#00FFFF]"Colors similar to Cyan
- Pure Teal
#00FFE6 - Pure Lagoon
#00E5FF - Medium Light Cyan
#29FFFF - Medium Light Teal
#29FFEA - Medium Light Lagoon
#29EAFF - Bright Cyan
#19E5E6 - Pure Turquoise
#00FFCC - Medium Light Turquoise
#29FFD4 - Bright Teal
#19E6D1 - Pure Peacock
#00CCFF - Medium Light Peacock
#29D4FF - Medium Light Bright Cyan
#3EEAEA
More blue shades
- Teal
#008080 - Sky Blue
#87CEEB - Deep Sky Blue
#00BFFF - Dodger Blue
#1E90FF - Royal Blue
#4169E1 - Blue
#0000FF - Navy
#000080 - Midnight Blue
#191970 - Cadet Blue
#5F9EA0 - Cornflower Blue
#6495ED - Dark Blue
#00008B
Frequently asked questions
What is the HEX code for Cyan?
The HEX code for Cyan is #00FFFF.
What is the RGB value of Cyan?
Cyan has an RGB value of 0, 255, 255 (rgb(0, 255, 255)). In HSL it is 180°, 100%, 50%.
What text color should I use on Cyan?
Use black text on Cyan. White text has a contrast ratio of 1.25:1 and black text has 16.75:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Cyan?
The complementary color of Cyan is #FF0000. Analogous colors #00FF80 and #0080FF also pair well.