Pastel Magenta

Meet Pastel Magenta (#F49AC2), a color that balances gentle softness with a surprising pop of vibrancy. Its unique character comes from this delicate interplay, making it a compelling choice for designers looking for a hue that is both soft-spoken and attention-grabbing without being overwhelming.

What color is Pastel Magenta?

What is the meaning of Pastel Magenta?

How do I use Pastel Magenta (#F49AC2) in UI design?

Using Pastel Magenta color codes

Pastel Magenta

#F49AC2

Access our full UI & UX library today.

What color is Pastel Magenta?

What is the meaning of Pastel Magenta?

How do I use Pastel Magenta (#F49AC2) in UI design?

Using Pastel Magenta color codes

Pastel Magenta Code Conversions

HEX

#F49AC2

LAB

74, 39, -6

RGB

244, 154, 194

XYZ

58.6, 46.2, 56.9

HSL

333°, 80%, 78%

LCH

74, 39, 351°

HSB

333°, 37%, 96%

LUV

74, 54, -17

CMYK

0, 37, 20, 4

CMYK

0, 37, 20, 4

HWB

333°, 60%, 4%

Pastel Magenta Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. For Pastel Magenta, this creates a harmonious and visually soothing color scheme.

#F49AEF

#F49AC2

#F49F9A

#F49AEF

#F49AC2

#F49F9A

Complementary

Complementary colors are direct opposites on the color wheel. When paired with Pastel Magenta, they produce a high-contrast, visually striking combination.

#F49AC2

#9AF4CC

#F49AC2

#9AF4CC

Split Complementary

The split complementary scheme pairs Pastel Magenta with the two colors flanking its opposite, resulting in a high-contrast combination with greater versatility.

#F49AC2

#9AF49F

#9AEFF4

#F49AC2

#9AF49F

#9AEFF4

Triadic

A triadic color scheme uses three hues equally spaced on the color wheel, creating a vibrant, high-contrast palette when starting with Pastel Magenta.

#F49AC2

#C2F49A

#9AC2F4

#F49AC2

#C2F49A

#9AC2F4

Tetradic

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

#F49AC2

#EFF49A

#9AF4CC

#9F9AF4

#F49AC2

#EFF49A

#9AF4CC

#9F9AF4

Square

A square scheme uses four colors equidistant on the color wheel, offering a lively, high-contrast combination built around the base of Pastel Magenta.

#F49AC2

#EFF49A

#9AF4CC

#9F9AF4

#F49AC2

#EFF49A

#9AF4CC

#9F9AF4

Pastel Magenta Contrast Simulation

Text Color

#

Background Color

#

10.25

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.

10.25

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Pastel Magenta Color Variations

Shades

Shades of Pastel Magenta are created by adding black, resulting in darker, weightier tones.

#F49AC2

#D184A6

#AE6E8B

#8B586F

#694253

#462C37

#23161C

#000000

#F49AC2

#D184A6

#AE6E8B

#8B586F

#694253

#462C37

#23161C

#000000

Tints

Mixing white with Pastel Magenta creates tints, giving the color a softer, airier quality.

#F49AC2

#F6A8CB

#F7B7D3

#F9C5DC

#FAD4E5

#FCE2EE

#FDF1F6

#FFFFFF

#F49AC2

#F6A8CB

#F7B7D3

#F9C5DC

#FAD4E5

#FCE2EE

#FDF1F6

#FFFFFF

Tones

Adding gray to Pastel Magenta creates its tones, which offer a more muted and subtle appearance.

#F49AC2

#E396B9

#D393AF

#C28FA6

#B28B9C

#A18793

#918489

#808080

#F49AC2

#E396B9

#D393AF

#C28FA6

#B28B9C

#A18793

#918489

#808080

Hues

Hues are variations of Pastel Magenta, differing in intensity or temperature to create distinct moods.

#F49AC2

#F4B69A

#EFF49A

#ACF49A

#9AF4CC

#9AD9F4

#9F9AF4

#E29AF4

#F49AC2

#F4B69A

#EFF49A

#ACF49A

#9AF4CC

#9AD9F4

#9F9AF4

#E29AF4

What Interfaces Use Colors Like Pastel Magenta?

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