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 RGBrgb(0, 255, 255) HSLhsl(180, 100%, 50%) CMYKC:100 M:0 Y:0 K:0
Cyan Shades and Variations
ShadeHEXDescription Light Cyan#E0FFFFVery light Pale Turquoise#AFEEEESoft cyan Aquamarine#7FFFD4Green-tinted Cyan / Aqua#00FFFFPure cyan Dark Cyan#008B8BDarker version Teal#008080Dark 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#00FFFFFull (100%) Teal#008080Half (50%) Dark Cyan#008B8B~55%
Cyan and aqua are identical in CSS (#00FFFF).
Tailwind Cyan Scale
LevelHEXUse Case 50#ECFEFFBackgrounds 500#06B6D4Primary 700#0E7490Dark accent | 900 | #164E63 | Very dark |
Cyan is highly visible and works well for digital interfaces, technology brands, and designs requiring a fresh, modern feel.