Dark Pastel Blue

Meet Dark Pastel Blue (#779ECB), a color that balances softness with a surprising depth. Its muted, grayish undertone gives it a sophisticated character, making it a unique choice for interfaces that require a calm yet confident hue without being overly bright or somber.

What color is Dark Pastel Blue?

What is the meaning of Dark Pastel Blue?

How do I use Dark Pastel Blue (#779ECB) in UI design?

Using Dark Pastel Blue color codes

Dark Pastel Blue

#779ECB

Access our full UI & UX library today.

What color is Dark Pastel Blue?

What is the meaning of Dark Pastel Blue?

How do I use Dark Pastel Blue (#779ECB) in UI design?

Using Dark Pastel Blue color codes

Dark Pastel Blue Code Conversions

HEX

#779ECB

LAB

64, -2, -27

RGB

119, 158, 203

XYZ

30.6, 32.7, 61.2

HSL

212°, 45%, 63%

LCH

64, 27, 266°

HSB

212°, 41%, 80%

LUV

64, -20, -42

CMYK

41, 22, 0, 20

CMYK

41, 22, 0, 20

HWB

212°, 47%, 20%

Dark Pastel Blue Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. For Dark Pastel Blue, these adjacent hues create a harmonious and visually soothing palette.

#77C8CB

#779ECB

#7A77CB

#77C8CB

#779ECB

#7A77CB

Complementary

Opposites on the color wheel, complementary colors create a striking visual contrast when paired with a base like Dark Pastel Blue.

#779ECB

#CBA477

#779ECB

#CBA477

Split Complementary

A split complementary scheme for Dark Pastel Blue provides strong visual contrast with less tension by using the two colors neighboring its opposite.

#779ECB

#CB7A77

#C8CB77

#779ECB

#CB7A77

#C8CB77

Triadic

Triadic color schemes use three colors equidistant on the color wheel, offering a high-contrast yet harmonious palette for Dark Pastel Blue.

#779ECB

#CB779E

#9ECB77

#779ECB

#CB779E

#9ECB77

Tetradic

A tetradic scheme for Dark Pastel Blue uses two sets of complementary colors, creating a vibrant four-color palette from a rectangular color wheel selection.

#779ECB

#CB77C8

#CBA477

#77CB7A

#779ECB

#CB77C8

#CBA477

#77CB7A

Square

A square color scheme places four colors evenly on the color wheel. With Dark Pastel Blue, this creates a vibrant, high-contrast palette.

#779ECB

#CB77C8

#CBA477

#77CB7A

#779ECB

#CB77C8

#CBA477

#77CB7A

Dark Pastel Blue Contrast Simulation

Text Color

#

Background Color

#

7.54

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.

7.54

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Dark Pastel Blue Color Variations

Shades

Shades of Dark Pastel Blue are created by adding black, giving the color more depth.

#779ECB

#6687AE

#557191

#445A74

#334457

#222D3A

#11171D

#000000

#779ECB

#6687AE

#557191

#445A74

#334457

#222D3A

#11171D

#000000

Tints

Tints of Dark Pastel Blue are created by adding white, resulting in lighter, softer variations.

#779ECB

#8AACD2

#9EBADA

#B1C8E1

#C5D5E9

#D8E3F0

#ECF1F8

#FFFFFF

#779ECB

#8AACD2

#9EBADA

#B1C8E1

#C5D5E9

#D8E3F0

#ECF1F8

#FFFFFF

Tones

Tones of Dark Pastel Blue are created by adding gray, resulting in softer, desaturated variations.

#779ECB

#789AC0

#7A95B6

#7B91AB

#7C8DA0

#7D8995

#7F848B

#808080

#779ECB

#789AC0

#7A95B6

#7B91AB

#7C8DA0

#7D8995

#7F848B

#808080

Hues

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

#779ECB

#8F77CB

#CB77C8

#CB7789

#CBA477

#B3CB77

#77CB7A

#77CBB9

#779ECB

#8F77CB

#CB77C8

#CB7789

#CBA477

#B3CB77

#77CB7A

#77CBB9

What Interfaces Use Colors Like Dark Pastel Blue?

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