CSS named color

Aqua #00FFFF

Also known as Cyan

Aqua is vivid cyan. Below: every color format, WCAG contrast against black and white, its tints, shades and tones, and the harmonies that pair with it.

Color values

Contrast & accessibility

WCAG contrast ratio of Aqua used as a foreground on white and black backgrounds.

Aa The quick brown fox

1.25:1

On white

AA ✕ AAA ✕ AA Large ✕

Aa The quick brown fox

16.75:1

On black

AA ✓ AAA ✓ AA Large ✓

Tints, shades & tones

Systematic variations of Aqua — click any swatch to copy its hex.

Tintsmixed toward white

Shadesmixed toward black

Tonesmixed toward gray

Color harmonies

Palettes built from Aqua by rotating its hue. Each swatch links to its closest named color.

Complementary

#00FFFF ≈ Dark Turquoise #FF0000 ≈ Crimson

Analogous

#00FF80 ≈ Spring Green #00FFFF ≈ Dark Turquoise #0080FF ≈ Dodger Blue

Triadic

#00FFFF ≈ Dark Turquoise #FF00FF ≈ Deep Pink #FFFF00 ≈ Gold

Split-complementary

#00FFFF ≈ Dark Turquoise #FF0080 ≈ Deep Pink #FF8000 ≈ Dark Orange

Tetradic

#00FFFF ≈ Dark Turquoise #8000FF ≈ Dark Violet #FF0000 ≈ Crimson #80FF00 ≈ Chartreuse

Use Aqua in your stack

Tailwind (arbitrary value)

Works for any property: text-[#00ffff], border-[#00ffff].

CSS custom property

Reference it anywhere with var(--color).

Build a full theme

Turn Aqua into a complete shadcn/ui palette — light & dark, contrast-checked, one-command install.

Extract a theme →

Similar named colors

Dark Turquoise #00CED1 Deep Sky Blue #00BFFF Turquoise #40E0D0 Medium Turquoise #48D1CC Medium Spring Green #00FA9A Aquamarine #7FFFD4

← All CSS named colors