#00CED1
Blue family

Aqua

Also known as: vibrant · refreshing · tropical · serene · invigorating
Save
Hex #00CED1
RGB rgb(0, 206, 209)
HSL hsl(181°, 100%, 41%)
CMYK 100 · 1 · 0 · 18
CSS darkturquoise

Meaning

In Western cultures, aqua symbolizes tranquility and serenity, often associated with healing and renewal. However, in some Eastern cultures, it can represent the balance of emotions and creativity, showcasing its diverse interpretations across different societies.

The term 'aqua' emerged in the English language in the late 19th century, linked to the aquamarine gemstone valued since antiquity. Notably, in 1868, the invention of aniline dyes allowed for the mass production of this vibrant color, making it accessible beyond the elite.

vibrantrefreshingtropicalsereneinvigorating

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Aqua. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 45 Blues →

Shades & tints

Nine steps of Aqua by lightness — from #006B6D (darkest) to #7AE6E7 (lightest). Click any to copy.

-40% #006B6D
-30% #008486
-20% #009D9F
-10% #00B5B8
BASE #00CED1
+15% #1FD4D7
+30% #3DDADC
+50% #5CE0E2
+70% #7AE6E7

Complementary

Sitting opposite Aqua at 1° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Aqua.

#00CED1
#FF5733
#F5F5F5
#FFC300
#8E44AD

Tropical Escape

Bright Adventure
#00CED1
#2C3E50
#FFFFFF
#1ABC9C
#3498DB

Ocean Breeze

Calm Serenity
#00CED1
#D35400
#BDC3C7
#E67E22
#2980B9

Sunset Reflection

Warm Contrast

Aqua scale

A 50–900 tonal scale with Aqua anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #EBFBFB
100 #D1F6F7
200 #9EECEE
300 #6BE3E4
400 #36D8DB
500 #00CED1
600 #00A9AB
700 #00888A
800 #006769
900 #004647

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 10.75:1
Aqua as text on… Ratio AA AAA
Aa White background 1.95:1 Fail Fail
Aa Black background 10.75:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #00CED1

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: darkturquoise;
CSS color-mix (lighten 30%) color-mix(in srgb, darkturquoise 70%, white)
HSV / HSB 181°, 100%, 82%
CMYK (print) 100, 1, 0, 18
Decimal 52945
Nearest web-safe #00CCCC

Color vision

How Aqua appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#00CED1

Protanopia (no red)

#595BD0

Deuteranopia (no green)

#4D3ED0

Tritanopia (no blue)

#0AD0D0
Cyan
27 / 45 Blues Turquoise
Copied!