Medium Aquamarine

Meet Medium Aquamarine, #66DDAA. This vibrant, mint-infused hue strikes a perfect balance between energetic brightness and a cool, digital sensibility. Its crisp, clean character makes it a standout choice for modern interfaces, offering a fresh take on green that immediately captures attention.

What color is Medium Aquamarine?

What is the meaning of Medium Aquamarine?

How do I use Medium Aquamarine (#66DDAA) in UI design?

Using Medium Aquamarine color codes

Medium Aquamarine

#66DDAA

Access our full UI & UX library today.

What color is Medium Aquamarine?

What is the meaning of Medium Aquamarine?

How do I use Medium Aquamarine (#66DDAA) in UI design?

Using Medium Aquamarine color codes

Medium Aquamarine Code Conversions

HEX

#66DDAA

LAB

80, -45, 15

RGB

102, 221, 170

XYZ

38.6, 57.4, 47.1

HSL

154°, 64%, 63%

LCH

80, 48, 162°

HSB

154°, 54%, 87%

LUV

80, -52, 29

CMYK

54, 0, 23, 13

CMYK

54, 0, 23, 13

HWB

154°, 40%, 13%

Medium Aquamarine Color Harmonies

Analogous

An analogous scheme pairs Medium Aquamarine with its neighbors on the color wheel, producing a naturally harmonious and visually soothing design palette.

#66DD6E

#66DDAA

#66D5DD

#66DD6E

#66DDAA

#66D5DD

Complementary

Complementary colors sit directly opposite each other on the color wheel. When paired with Medium Aquamarine, they create a striking, high-contrast visual effect.

#66DDAA

#DD6699

#66DDAA

#DD6699

Split Complementary

A split complementary scheme for Medium Aquamarine uses the two colors adjacent to its direct complement, offering high contrast with more nuance.

#66DDAA

#DD66D5

#DD6E66

#66DDAA

#DD66D5

#DD6E66

Triadic

A triadic color scheme takes three colors equally spaced on the color wheel. With Medium Aquamarine, this creates a vibrant, high-contrast palette.

#66DDAA

#AA66DD

#DDAA66

#66DDAA

#AA66DD

#DDAA66

Tetradic

A tetradic color scheme for Medium Aquamarine uses two pairs of complementary colors, forming a rich, four-color palette with built-in contrast.

#66DDAA

#6E66DD

#DD6699

#D5DD66

#66DDAA

#6E66DD

#DD6699

#D5DD66

Square

A square color scheme pairs Medium Aquamarine with three other colors, all equidistant on the color wheel, creating a vibrant and high-contrast palette.

#66DDAA

#6E66DD

#DD6699

#D5DD66

#66DDAA

#6E66DD

#DD6699

#D5DD66

Medium Aquamarine Contrast Simulation

Text Color

#

Background Color

#

12.49

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

12.49

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Medium Aquamarine Color Variations

Shades

Shades are created by adding black to Medium Aquamarine, giving it more depth and weight.

#66DDAA

#57BD92

#499E79

#3A7E61

#2C5F49

#1D3F31

#0F2018

#000000

#66DDAA

#57BD92

#499E79

#3A7E61

#2C5F49

#1D3F31

#0F2018

#000000

Tints

By adding white, you can create tints of Medium Aquamarine for a softer, airier look.

#66DDAA

#7CE2B6

#92E7C2

#A8ECCE

#BDF0DB

#D3F5E7

#E9FAF3

#FFFFFF

#66DDAA

#7CE2B6

#92E7C2

#A8ECCE

#BDF0DB

#D3F5E7

#E9FAF3

#FFFFFF

Tones

Tones of Medium Aquamarine are created by adding gray, resulting in softer, more muted variations.

#66DDAA

#6AD0A4

#6DC29E

#71B598

#75A892

#799B8C

#7C8D86

#808080

#66DDAA

#6AD0A4

#6DC29E

#71B598

#75A892

#799B8C

#7C8D86

#808080

Hues

Hues are variations of Medium Aquamarine that alter its intensity and temperature for different effects.

#66DDAA

#66B7DD

#6E66DD

#C866DD

#DD6699

#DD8C66

#D5DD66

#7BDD66

#66DDAA

#66B7DD

#6E66DD

#C866DD

#DD6699

#DD8C66

#D5DD66

#7BDD66

What Interfaces Use Colors Like Medium Aquamarine?

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox