Cyan HEX Code
The HEX code for cyan is #00FFFF. Cyan is one of the primary colors in the CMYK color model and is created by combining full green and full blue with no red. It's also known as aqua and represents the opposite of red on the color wheel.
Cyan Color Values
| Format | Value |
|---|---|
| HEX | #00FFFF |
| RGB | rgb(0, 255, 255) |
| HSL | hsl(180, 100%, 50%) |
| CMYK | C:100 M:0 Y:0 K:0 |
Cyan Shades and Variations
| Shade | HEX | Description |
|---|---|---|
| Light Cyan | #E0FFFF | Very light |
| Pale Turquoise | #AFEEEE | Soft cyan |
| Aquamarine | #7FFFD4 | Green-tinted |
| Cyan / Aqua | #00FFFF | Pure cyan |
| Dark Cyan | #008B8B | Darker version |
| Teal | #008080 | Dark cyan |
| Dark Turquoise | #00CED1 | Medium dark |
Cyan in Design
Cyan conveys:
- Freshness: Clean, crisp, modern
- Technology: Digital, futuristic
- Water: Ocean, swimming pools
- Energy: Electric, vibrant
Cyan in Print (CMYK)
Cyan is one of four process colors in printing:
``
CMYK = Cyan, Magenta, Yellow, Key (Black)
Pure cyan: C:100 M:0 Y:0 K:0
`
CSS Usage
`css
.highlight {
color: cyan;
/* Same as */
color: #00FFFF;
color: aqua;
}
/* Modern cyan palette */
:root {
--cyan-50: #ECFEFF;
--cyan-500: #06B6D4;
--cyan-900: #164E63;
}
``
Cyan vs Aqua vs Teal
| Color | HEX | Brightness |
|---|---|---|
| Cyan / Aqua | #00FFFF | Full (100%) |
| Teal | #008080 | Half (50%) |
| Dark Cyan | #008B8B | ~55% |
Tailwind Cyan Scale
| Level | HEX | Use Case |
|---|---|---|
| 50 | #ECFEFF | Backgrounds |
| 500 | #06B6D4 | Primary |
| 700 | #0E7490 | Dark accent |
| 900 | #164E63 | Very dark |