Medium Aquamarine

HEX: #66DDAA | Modern Palette

On White
1.68:1
FAIL
On Black
12.49:1
PASS

Color Specifications

HEX
#66DDAA
RGB
102, 221, 170
HSL
154°, 53% ,86%
CMYK
53.85, 0, 23.08, 13.33

About Medium Aquamarine

Medium Aquamarine (#66DDAA) is a color with RGB(102, 221, 170) and HSL(154.29°, 53.85%, 86.67%). In design, it fits Cool styles and is suitable for Text, Button, Background. Its complementary color is #DD6699, which creates strong contrast. Its triadic palette includes #AA66DD and #DDAA66. The name comes from Medium Aquamarine (English).

  • HEX: #66DDAA
  • RGB: 102, 221, 170
  • HSL: 154.29°, 53.85%, 86.67%
  • Style: Cool
  • Use case: Text, Button, Background
  • Complementary color: #DD6699
  • Triadic colors: #AA66DD, #DDAA66
  • The name comes from Medium Aquamarine (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #66DDAA from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Cool
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #C4C4AC
Protanopia #D4D4A9
Tritanopia #74D7D7
Achromatopsia #C8C8C8

Frequently Asked Questions

Medium Aquamarine (#66DDAA) is a color with RGB(102, 221, 170) and HSL(154.29°, 53.85%, 86.67%).

#66DDAA pairs strongly with #DD6699 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#66DDAA is suitable for Text, Button, Background and works well with Cool styles.

The name Medium Aquamarine is linked to Medium Aquamarine from English, meaning A shade of blue-green, specifically a medium tone of the color aquamarine..

Name, History & Etymology

Origin Word Medium Aquamarine
Meaning A shade of blue-green, specifically a medium tone of the color aquamarine.
Language English
First Recorded Use Late 20th Century

History

The term 'aquamarine' itself dates back to at least the Roman era, referring to the color of seawater, and later became associated with the gemstone beryl. As color naming became more precise, especially in digital contexts, modifiers like 'medium' were added to distinguish specific shades within a broader color family. 'Medium Aquamarine' is a specific named color in various digital color palettes, such as the X11 color names, which were influential in early web development.

First Recorded Use

Likely emerged with the advent of digital color systems and web standards (e.g., X11 color names, CSS color names) to provide a more granular and standardized set of color definitions beyond basic named colors.

Cultural Associations

Aquamarine as a color is often associated with the sea, tranquility, clarity, and youth. It is a popular color in fashion, interior design, and jewelry. The 'medium' descriptor helps to differentiate it from lighter ('light aquamarine') or darker ('dark aquamarine') variations, allowing for more precise communication of color in design and digital media. It evokes a sense of calm and freshness.

Similar Named Colors
Eucalyptus #44D7A8 ΔE 3.05
Shamrock #45CEA2 ΔE 4.54
Teal Deer #99E6B3 ΔE 5.79
Caribbean Green #00CC99 ΔE 6.07

Code Snippets

/* Background */
.element {
    background-color: #66DDAA;
}

/* Text */
.element {
    color: #66DDAA;
}

/* Border */
.element {
    border: 1px solid #66DDAA;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #66DDAA,
        #EFCBDA
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #66DDAA,
        #EFCBDA
    );
}

// SCSS variable
$medium-aquamarine: #66DDAA;

// With RGB channels (useful for rgba() usage)
$medium-aquamarine-r: 102;
$medium-aquamarine-g: 221;
$medium-aquamarine-b: 170;

// Usage
.element {
    background-color: $medium-aquamarine;
    color: rgba($medium-aquamarine-r, $medium-aquamarine-g, $medium-aquamarine-b, 0.8);
}