Aqua Color — HEX, RGB, HSL, Palettes & Contrast

Aqua (#00ffff): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code. Aqua is a CSS synonym for cyan.

#00ffff
HEX #00ffff
RGB rgb(0, 255, 255)
HSL 180°, 100%, 50%

Use Aqua in Your Projects

🎨 Open in Color Picker 🌈 Generate Palette 👁️ Check Contrast 🔄 Convert Color 🌊 Use in Gradient

About Aqua Color

Aqua is a bright, refreshing cyan that feels like clear tropical water. It is used for travel sites, summer promotions, and modern tech interfaces.

Use Cases for Aqua

travel sitessummer promotionstech interfaceswater brandsrefresh themes

Shades & Tints of Aqua

#ffffff
#bfffff
#80ffff
#40ffff
#00ffff
#00bfbf
#008080
#004040
#000000

Complementary Color

#00ffff
#ff0000

Analogous Colors

#00ff80
#00ffff
#0080ff

Triadic Colors

#00ffff
#ff00ff
#ffff00

Split Complementary

#00ffff
#ff0080
#ff8000

Tetradic Colors

#00ffff
#0000ff
#ff0000
#ffff00

CSS Code

.aqua-color {
  color: #00ffff;
  background-color: #00ffff;
}

/* As a CSS custom property */
:root {
  --color-aqua: #00ffff;
}

Accessibility Score

100 / 100
Rating: Excellent
✓ AA contrast on best text color (30 pts)
✓ AAA contrast on best text color (25 pts)
✓ Versatile lightness for backgrounds & text (25 pts)
✓ Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on Aqua
Ratio: 16.75:1 ✓ Passes AA ✓ Passes AAA
White text on Aqua
Ratio: 1.25:1 ✗ Fails AA ✗ Fails AAA

Related Colors

Cyan
Aquamarine
Turquoise
PaleTurquoise
LightCyan

Related Tools

Frequently Asked Questions

What color is Aqua?

Aqua is represented by the hex code #00ffff and has RGB values of rgb(0, 255, 255). It falls under the Cyan category.

How to use Aqua in web design?

Aqua works well for travel sites, summer promotions, tech interfaces. Aqua is a bright, refreshing cyan that feels like clear tropical water. It is used for travel sites, summer promotions, and modern tech interfaces. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Aqua?

Colors that pair well with Aqua include cyan, aquamarine, turquoise, paleturquoise, lightcyan. For a complementary scheme, try #ff0000. For an analogous scheme, use #00ff80 and #0080ff. For a triadic scheme, combine with #ff00ff and #ffff00.