Aqua (CSS)

Aqua (CSS) is a medium, saturated cyan color with the hex code #00FFFF (hue 180°, saturation 100%, lightness 50%). It is also the CSS named color aqua.

#00FFFF

	Name	HEX	RGB	HSL	CMYK	OKLCH
	Aqua (CSS)	`#00FFFF`	0, 255, 255	180°, 100%, 50%	100, 0, 0, 0	90.5% 0.155 195

Contrast with white text 1.25:1, with black text 16.75:1 — use black text on Aqua (CSS).

aqua is one of the 148 named colors in CSS, with exactly this value, so color: aqua works in any browser without a hex code.

Huebook · Maintained by Iris Marlow (pen name) · automated checks · Data: color-name-list (MIT) for names; CSS Color Module Level 4 (W3C) for CSS named colors · Updated Oct 19, 2026 · How the checks work

Tints and shades

#CCFFFF

#80FFFF

#33FFFF

#00E5E6

#009999

#004C4D

Colors that go with Aqua (CSS)

Six color schemes built on Aqua (CSS) with classic harmony rules. The complementary scheme pairs it with Red (#FF0000), the color opposite it on the color wheel.

Nearest CSS named colors

Aquamarine (CSS) (aquamarine): Aquamarine (CSS) (#7FFFD4) is about as light as Aqua (CSS) (relative luminance 0.808 vs 0.787) and equally saturated, with its hue 20° away.
Turquoise (CSS) (turquoise): Turquoise (CSS) (#40E0D0) is darker than Aqua (CSS) (relative luminance 0.590 vs 0.787) and less saturated, with its hue 6° away.
Pale Turquoise (paleturquoise): Pale Turquoise (#AFEEEE) is about as light as Aqua (CSS) (relative luminance 0.764 vs 0.787) and less saturated, with the same hue.
Powder Blue (powderblue): Powder Blue (#B0E0E6) is darker than Aqua (CSS) (relative luminance 0.683 vs 0.787) and less saturated, with its hue 7° away.

Similar medium teal colors

Questions

What is the hex code for Aqua (CSS)?

#00FFFF — RGB 0, 255, 255, HSL 180°, 100%, 50%.

Is Aqua (CSS) a warm or cool color?

Cool — its hue sits at 180° on the color wheel.