Medium Turquoise

Introducing Medium Turquoise (#48D1CC), a shade that expertly balances the coolness of blue with the energy of green. Its defining quality is a striking clarity and brightness, giving it a clean, digital-native feel that immediately draws the eye within any interface or composition.

What color is Medium Turquoise?

What is the meaning of Medium Turquoise?

How do I use Medium Turquoise (#48D1CC) in UI design?

Using Medium Turquoise color codes

Medium Turquoise

#48D1CC

Access our full UI & UX library today.

What color is Medium Turquoise?

What is the meaning of Medium Turquoise?

How do I use Medium Turquoise (#48D1CC) in UI design?

Using Medium Turquoise color codes

Medium Turquoise Code Conversions

HEX

#48D1CC

LAB

77, -37, -8

RGB

72, 209, 204

XYZ

36.4, 51.3, 65.1

HSL

178°, 60%, 55%

LCH

77, 38, 193°

HSB

178°, 66%, 82%

LUV

77, -53, -7

CMYK

66, 0, 2, 18

CMYK

66, 0, 2, 18

HWB

178°, 28%, 18%

Medium Turquoise Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. For Medium Turquoise, these adjacent hues create a harmonious and visually pleasing color scheme.

#48D188

#48D1CC

#4892D1

#48D188

#48D1CC

#4892D1

Complementary

Complementary colors sit opposite each other on the color wheel. For Medium Turquoise, its complement creates a high-contrast and visually striking pairing.

#48D1CC

#D1484D

#48D1CC

#D1484D

Split Complementary

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

#48D1CC

#D14892

#D18748

#48D1CC

#D14892

#D18748

Triadic

Triadic schemes produce vibrant, high-contrast palettes by pairing three colors, including Medium Turquoise, that are evenly spaced around the color wheel.

#48D1CC

#CC48D1

#D1CC48

#48D1CC

#CC48D1

#D1CC48

Tetradic

A tetradic scheme for Medium Turquoise uses two pairs of complementary colors, forming a rectangle on the color wheel for a rich, balanced palette.

#48D1CC

#8748D1

#D1484D

#92D148

#48D1CC

#8748D1

#D1484D

#92D148

Square

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

#48D1CC

#8748D1

#D1484D

#92D148

#48D1CC

#8748D1

#D1484D

#92D148

Medium Turquoise Contrast Simulation

Text Color

#

Background Color

#

11.27

Excellent

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.

11.27

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Medium Turquoise Color Variations

Shades

By adding black, you can create darker shades of Medium Turquoise for more visual weight.

#48D1CC

#3EB3AF

#339592

#297775

#1F5A57

#153C3A

#0A1E1D

#000000

#48D1CC

#3EB3AF

#339592

#297775

#1F5A57

#153C3A

#0A1E1D

#000000

Tints

Tints of Medium Turquoise are created by adding white, resulting in softer, airier variations.

#48D1CC

#62D8D3

#7CDEDB

#96E5E2

#B1EBE9

#CBF2F0

#E5F8F8

#FFFFFF

#48D1CC

#62D8D3

#7CDEDB

#96E5E2

#B1EBE9

#CBF2F0

#E5F8F8

#FFFFFF

Tones

Tones are created by mixing Medium Turquoise with gray for a softer, desaturated effect.

#48D1CC

#50C5C1

#58BAB6

#60AEAB

#68A3A1

#709796

#788C8B

#808080

#48D1CC

#50C5C1

#58BAB6

#60AEAB

#68A3A1

#709796

#788C8B

#808080

Hues

Hues are variations of Medium Turquoise, differing in intensity and temperature to create distinct visual moods.

#48D1CC

#486FD1

#8748D1

#D148B4

#D1484D

#D1AA48

#92D148

#48D165

#48D1CC

#486FD1

#8748D1

#D148B4

#D1484D

#D1AA48

#92D148

#48D165

What Interfaces Use Colors Like Medium Turquoise?

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