13 Different Shades of Aqua (+ HEX codes)

Explore all shades of aqua, from lighter to darker shades. See HEX codes, shade names, and aqua color palettes. Click any shade to copy its HEX code.

Aqua is cyan at full strength: the colour of shallow water and of early web design. It grabs attention instantly, which is why it works better as an accent than as a surface.

On screens it is too bright for white text; use near-black on it, or drop it into a darker teal first.

dew
#ebffff
oyster bay
#d2ffff
onahau
#baffff
anakiwa
#a1ffff
aquamarine
#70ffff
cyan / aqua
#40ffff
robin's egg blue
#00dddd
persian green
#00acac
teal
#007b7b
blue stone
#006363
sherpa blue
#004a4a
deep teal
#003232
swamp
#00191a

Aqua: HEX & RGB Codes

aqua has the following primary color codes:

HEX: #ebffff
RGB: (235, 255, 255).

Explore a wide range of aqua shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!

Explore tints of aqua

Dew
#ebffff
Dew
#ebffff
Twilight Blue
#f0ffff
Twilight Blue
#f0ffff
Twilight Blue
#f5ffff
Twilight Blue
#f5ffff
Twilight Blue
#f5ffff
Twilight Blue
#faffff
Twilight Blue
#faffff
White
#ffffff

Explore shades of aqua

Bottle Green
#093434
Elephant
#154c4c
Casal
#256565
Ming
#3b8181
Breaker Bay
#559b9b
Neptune
#74b4b4
Half Baked
#94cccc
Jagged Ice
#bde5e5

aqua in HEX, RGB, HSL and CMYK

HEX	#00FFFF
RGB	rgb(0, 255, 255)
HSL	hsl(180, 100%, 50%)
CMYK	cmyk(100%, 0%, 0%, 0%)

Tints and shades of aqua

Tints add white and shades add black, keeping the hue. Use them for hover states, borders and backgrounds that still belong to the same colour.

Tints (lighter)

#27ffff
#4effff
#75ffff
#9cffff
#c4ffff
#ebffff

Shades (darker)

#00d8d8
#00b1b1
#008a8a
#006363
#003b3b
#001414

Colours that work with aqua

Complementary

#00FFFF #ff0000

Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.

Analogous

#00ff80 #00FFFF #007fff

Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.

Triadic

#00FFFF #ff00ff #ffff00

Three colours evenly spaced. Lively and balanced; let one dominate.

Text on aqua

Example Primary text

White text on aqua1.25:1Fail

Example Primary text

Near-black text on aqua14.15:1AAA

Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker

aqua shade chart

Shade chart showing five steps of aqua, from light tint to deep shade

Right-click to save the chart, or copy the individual codes above.