Aqua color values
| Format | Value |
|---|---|
| Hex | #00FFFF |
| RGB | rgb(0, 255, 255) |
| HSL | hsl(180, 100%, 50%) |
| HSV | 180, 100%, 100% |
| CMYK (simple conversion) | 100%, 0%, 0%, 0% |
| Decimal | 65535 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Aqua
Aqua is a bright, fully saturated cyan color that sits exactly between green and blue on the color wheel. It is widely used in digital design for vibrant accents, buttons, and links. The hue strongly evokes tropical water and summer themes. It is one of the 148 CSS named colors.
Shades and tints of Aqua
Tints mix Aqua with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #1AFFFF | #00E6E6 |
| 20% | #33FFFF | #00CCCC |
| 30% | #4DFFFF | #00B3B3 |
| 40% | #66FFFF | #009999 |
| 50% | #80FFFF | #008080 |
Color harmony for Aqua
These colors keep the same saturation and lightness as Aqua and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #FF0000 |
| Analogous | #00FF80 #0080FF |
| Triadic | #FF00FF #FFFF00 |
| Split complementary | #FF0080 #FF8000 |
Contrast and accessibility
Contrast between #00FFFF and white is 1.25:1 (fails). Against black it is 16.75:1 (passes AAA). For text on a Aqua background, black text is the more readable choice.
Use Aqua in CSS
.element {
color: aqua;
background-color: #00FFFF;
border-color: rgb(0 255 255);
outline-color: hsl(180 100% 50%);
}All four lines produce exactly the same color. The keyword aqua is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- deepskyblue: #00BFFF
- Dark Turquoise: #00CED1
- Turquoise: #40E0D0
- mediumturquoise: #48D1CC
FAQ
What is the hex code for Aqua?
The hex code for Aqua is #00FFFF. As a CSS color keyword you can also write aqua.
What is Aqua in RGB?
Aqua is rgb(0, 255, 255): red 0, green 255, blue 255 on the 0 to 255 scale.
What color is closest to Aqua?
Of the CSS named colors, deepskyblue (#00BFFF) is the closest match to Aqua, followed by darkturquoise and turquoise.
More colors
- Antique White: previous page
- Aquamarine: next page
- CSS named colors: the full list