Lavender Pink

Meet Lavender Pink, hex code #FBAED2. This color captures a unique space between the cool tones of lavender and the gentle warmth of pink. Its striking quality lies in its soft saturation, offering a subtle yet distinct presence perfect for modern digital interfaces.

What color is Lavender Pink?

What is the meaning of Lavender Pink?

How do I use Lavender Pink (#FBAED2) in UI design?

Using Lavender Pink color codes

Lavender Pink

#FBAED2

Access our full UI & UX library today.

What color is Lavender Pink?

What is the meaning of Lavender Pink?

How do I use Lavender Pink (#FBAED2) in UI design?

Using Lavender Pink color codes

Lavender Pink Code Conversions

HEX

#FBAED2

LAB

79, 33, -7

RGB

251, 174, 210

XYZ

66.6, 55.4, 68.2

HSL

332°, 91%, 83%

LCH

79, 34, 348°

HSB

332°, 31%, 98%

LUV

79, 45, -16

CMYK

0, 31, 16, 2

CMYK

0, 31, 16, 2

HWB

332°, 68%, 2%

Lavender Pink Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. For Lavender Pink, this creates a harmonious and visually soothing color scheme for your designs.

#FBAEF9

#FBAED2

#FBB1AE

#FBAEF9

#FBAED2

#FBB1AE

Complementary

Found directly opposite on the color wheel, complementary colors create maximum contrast. Paired with Lavender Pink, they produce a bold, eye-catching combination.

#FBAED2

#AEFBD7

#FBAED2

#AEFBD7

Split Complementary

A split complementary scheme for Lavender Pink uses the two colors adjacent to its direct complement, offering a vibrant yet balanced and harmonious palette.

#FBAED2

#AEFBB1

#AEF9FB

#FBAED2

#AEFBB1

#AEF9FB

Triadic

Triadic palettes are built from three colors evenly spaced on the color wheel. With Lavender Pink, this method produces a balanced yet striking combination.

#FBAED2

#D2FBAE

#AED2FB

#FBAED2

#D2FBAE

#AED2FB

Tetradic

Tetradic palettes pair Lavender Pink with three other hues, forming two complementary pairs on the color wheel for a vibrant and balanced combination.

#FBAED2

#F9FBAE

#AEFBD7

#B0AEFB

#FBAED2

#F9FBAE

#AEFBD7

#B0AEFB

Square

The square color scheme pairs Lavender Pink with three other colors, all equidistant on the color wheel, for a balanced yet strikingly contrasting effect.

#FBAED2

#F9FBAE

#AEFBD7

#B0AEFB

#FBAED2

#F9FBAE

#AEFBD7

#B0AEFB

Lavender Pink Contrast Simulation

Text Color

#

Background Color

#

12.09

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.09

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Lavender Pink Color Variations

Shades

Shades of Lavender Pink are created by adding black, giving the color more depth and weight.

#FBAED2

#D795B4

#B37C96

#8F6378

#6C4B5A

#48323C

#24191E

#000000

#FBAED2

#D795B4

#B37C96

#8F6378

#6C4B5A

#48323C

#24191E

#000000

Tints

Tints of Lavender Pink are created by adding white, resulting in softer, more ethereal variations.

#FBAED2

#FCBAD8

#FCC5DF

#FDD1E5

#FDDCEC

#FEE8F2

#FEF3F9

#FFFFFF

#FBAED2

#FCBAD8

#FCC5DF

#FDD1E5

#FDDCEC

#FEE8F2

#FEF3F9

#FFFFFF

Tones

Tones of Lavender Pink are created by adding gray, resulting in softer, more subdued variations.

#FBAED2

#E9A7C6

#D8A1BB

#C69AAF

#B594A3

#A38D97

#92878C

#808080

#FBAED2

#E9A7C6

#D8A1BB

#C69AAF

#B594A3

#A38D97

#92878C

#808080

Hues

Hues are variations of Lavender Pink, differing in intensity and temperature to create unique moods.

#FBAED2

#FBC4AE

#F9FBAE

#BFFBAE

#AEFBD7

#AEE5FB

#B0AEFB

#EAAEFB

#FBAED2

#FBC4AE

#F9FBAE

#BFFBAE

#AEFBD7

#AEE5FB

#B0AEFB

#EAAEFB

What Interfaces Use Colors Like Lavender Pink?

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