Aqua

Symbolizes refreshment, clarity, and tranquility.
#00FFFF

Color codes

click to copy
HEX
#00FFFF
click to copy
RGB
0, 255, 255
click to copy
HSL
180°, 100%, 50%
click to copy
CMYK
100%, 0%, 0%, 0%

Tints & shades

Tints — lighter
#00FFFF
#2BFFFF
#55FFFF
#80FFFF
#AAFFFF
#D5FFFF
Shades — darker
#00FFFF
#00D5D5
#00AAAA
#008080
#005555
#002B2B
Hues — around the wheel
#00FFFF
#0026FF
#B300FF
#FF0073
#FF6600
#BFFF00
#00FF1A
Tones — toward gray
#00FFFF
#12EDED
#25DBDB
#37C9C9
#49B6B6
#5BA4A4
#6E9292
Temperatures — warm to cool
#33FF00
#00FF33
#00FF99
#00FFFF
#0099FF
#0033FF
#3300FF

Palettes & harmonies

Complementary
#00FFFF
#FF0000
Analogous
#00FFFF
#0080FF
#00FF80
Triadic
#00FFFF
#FF00FF
#FFFF00
Split complementary
#00FFFF
#FF0080
#FF8000
Square
#00FFFF
#8000FF
#FF0000
#80FF00
Monochromatic
#00FFFF
#00A3A3
#00E0E0
#1FFFFF
#5CFFFF
#99FFFF

Color contrast

Here's how text looks on aqua versus the color as text — a quick legibility check before you use it behind captions.

Hello World
Hello World
Hello World

At this lightness, aqua pairs best with dark or black text for readable captions.

What Aqua means

Aqua is associated with refreshment, clarity, and tranquility. In design and branding, it's chosen to evoke exactly these qualities — which is why the color behind an app's screenshots and store presence does so much quiet work before anyone reads a word.

As a vivid, mid-toned, cool color (HSL 180°, 100%, 50%), aqua reads as calm and composed. That temperature matters in design: cool tones recede and feel trustworthy and serene, which is worth keeping in mind when you decide what role this color plays in your layout.

Color psychology of Aqua

Colors shape how people feel before they consciously register why. Aqua, with its associations of refreshment, clarity, and tranquility, sends a specific signal — and using it deliberately means matching that signal to your product. A meditation app and a finance app both benefit from intentional color, but rarely the same one. The question isn't whether aqua is "good," but whether the feeling it carries matches the story you want your app to tell.

Using Aqua in app screenshots & UI

If you're designing App Store or Google Play screenshots, aqua works as a background or accent when it fits your brand's personality. A few practical notes:

Try Aqua in your screenshots

Use this exact color as a background or accent in your App Store & Google Play screenshots — free, in your browser, no signup.

Open the screenshot editor →

FAQ

What does the color Aqua symbolize?
Aqua is associated with refreshment, clarity, and tranquility.
What is the hex code for Aqua?
#00FFFF — RGB 0, 255, 255, HSL 180°, 100%, 50%, CMYK 100%, 0%, 0%, 0%.
What colors go well with Aqua?
Its complementary color is #FF0000. For softer pairings, try the analogous colors #0080FF and #00FF80, or build a monochromatic set from its tints and shades above.
Is Aqua a warm or cool color?
Aqua is a cool color. Cool colors feel calm and recede into the background.
What text color is readable on Aqua?
Use dark or black text on a aqua background for the best contrast and legibility.
Is Aqua good for app screenshots?
It can be, if it matches your brand. Use it consistently, keep captions high-contrast, and test how it looks at small thumbnail sizes in search results.

Related colors

copied