#7FFFD4
Blue family

Aquamarine

Also known as: refreshing · serene · bright · tranquil · clear
Save
Hex #7FFFD4
RGB rgb(127, 255, 212)
HSL hsl(160°, 100%, 75%)
CMYK 50 · 0 · 17 · 0
CSS aquamarine

Meaning

In Western cultures, aquamarine symbolizes serenity and calmness, often associated with the sea and its soothing qualities. Conversely, in some Eastern traditions, it represents protection and is believed to bring good fortune.

Aquamarine has been valued since at least the 4th century BC, when it was used by sailors as a talisman for safe voyages. The term entered the English language in the 19th century, derived from the Latin 'aqua marina', which highlights its connection to water.

refreshingserenebrighttranquilclear

Similar colors

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

All 45 Blues →

Shades & tints

Nine steps of Aquamarine by lightness — from #42856E (darkest) to #BCFFE9 (lightest). Click any to copy.

-40% #42856E
-30% #51A388
-20% #61C2A1
-10% #70E0BB
BASE #7FFFD4
+15% #8EFFD9
+30% #9EFFDE
+50% #ADFFE3
+70% #BCFFE9

Complementary

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

Palettes

Curated 5-color combinations featuring Aquamarine.

#7FFFD4
#FF7F50
#F5F5F5
#4682B4
#FFD700

Ocean Breeze

Calm Escape
#7FFFD4
#FFB6C1
#D3D3D3
#2E8B57
#FF4500

Tropical Oasis

Vibrant Retreat
#7FFFD4
#FFFFFF
#B0C4DE
#5F9EA0
#FFD700

Seaside Serenity

Peaceful Relaxation

Aquamarine scale

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

50 #F5FFFC
100 #E8FFF7
200 #CEFFEF
300 #B5FFE6
400 #9AFFDD
500 #7FFFD4
600 #68D1AE
700 #54A88C
800 #40806A
900 #2B5748

Accessibility

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

Aa Best text color: #000000 · 17.16:1
Aquamarine as text on… Ratio AA AAA
Aa White background 1.22:1 Fail Fail
Aa Black background 17.16: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 #7FFFD4

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

CSS color: aquamarine;
CSS color-mix (lighten 30%) color-mix(in srgb, aquamarine 70%, white)
HSV / HSB 160°, 50%, 100%
CMYK (print) 50, 0, 17, 0
Decimal 8388564
Nearest web-safe #66FFCC

Color vision

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

Normal vision

#7FFFD4

Protanopia (no red)

#B6B8DE

Deuteranopia (no green)

#AFA5E1

Tritanopia (no blue)

#85E7E8
Turquoise
29 / 45 Blues Teal Blue
Copied!