Aqua HEX Code
The HEX code for aqua is #00FFFF. Aqua is identical to cyan in CSS—both represent the same color created by combining full green and full blue with no red. The name "aqua" evokes water and freshness.
Aqua Color Values
| Format | Value | HEX#00FFFF RGBrgb(0, 255, 255) HSLhsl(180, 100%, 50%) | CMYK | C:100 M:0 Y:0 K:0 |
Aqua vs Cyan
In CSS, aqua and cyan are the same color:
``css
.element {
color: aqua; /* #00FFFF */
color: cyan; /* #00FFFF */
}
`
Aqua Shades and Variations
| Shade | HEX | Description |
Light Cyan#E0FFFFVery light
Aquamarine#7FFFD4Green-tinted
Aqua / Cyan#00FFFFPure aqua
Dark Cyan#008B8BDarker
| Teal | #008080 | Half brightness |
Aqua in Design
Aqua conveys:
Water: Ocean, pools, freshness- Clarity: Clean, pure
- Technology: Digital, modern
- Coolness: Refreshing, calm
Using Aqua in Design
`css
/* Aqua theme */
:root {
--aqua-light: #E0FFFF;
--aqua: #00FFFF;
--aqua-dark: #008B8B;
}
/* Water-themed gradient */
.water {
background: linear-gradient(to bottom, #00FFFF, #008B8B);
}
/* Aqua glow effect */
.glow-aqua {
box-shadow: 0 0 20px rgba(0, 255, 255, 0.5);
}
``
Aqua Color Palettes
| Theme | Primary | Secondary | Accent | Ocean#00FFFF#00CED1#20B2AA Pool#00FFFF#AFEEEE#00BFFF Tech#00FFFF#0EA5E9#06B6D4
Aqua Accessibility
Pure aqua has low contrast on white backgrounds:
CombinationContrastWCAG Aqua on white1.25:1Fail | Aqua on dark | Good | Pass |
Use darker aqua shades like teal (#008080) for accessible text.