Teal family
Aqua color
A pale, bright teal leaning green. The reference aqua is #00FFFF, as defined by the CSS named color.
| HEX | #00FFFF | |
|---|---|---|
| RGB | rgb(0, 255, 255) | |
| HSL | hsl(180, 100%, 50%) | |
| HSV | hsv(180, 100%, 100%) | |
| OKLCH | oklch(90.5% 0.155 194.8) | |
| CMYK* | 100, 0, 0, 0 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is aqua?
Aqua, Latin for water, is a bright blue-green. In CSS, aqua and cyan are two names for the same colour, #00FFFF: full green plus full blue. In everyday use, and in the xkcd survey, aqua is a greener, slightly softer shade than cyan.
Aqua hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of aqua in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Aqua | #00FFFF | CSS named color | Reference shown on this page |
| Aqua | #13EAC9 | xkcd Color Survey | Noticeably different · 68% similar |
| Aqua | #0FF0FE | Color Names (meodai) | Close · 84% similar |
Aqua vs Cyan
#00FFFF
#00FFFF
In CSS they are identical. In common use, aqua is greener and cyan is the cleaner, bluer primary. In numbers: the two are 100% similar (OKLab distance 0.000). See Cyan for its own codes.
Colors similar to aqua
The closest named colors to #00FFFF across all three sources, with their similarity in OKLab.
Tints and shades of aqua
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with aqua
Classic color-wheel combinations built on #00FFFF, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Aqua with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a aqua background, black text is the better choice.
Use aqua in CSS
.aqua {
color: #00FFFF;
/* or */ color: rgb(0 255 255);
/* or */ color: hsl(180 100% 50%);
/* or */ color: oklch(90.5% 0.155 194.8);
/* CSS keyword */ color: aqua;
}