Majorelle Blue

Meet Majorelle Blue (#6050DC), a striking shade that sits confidently between violet and cobalt. Its intense saturation and digital-first vibrancy give it a luminous quality, making it a standout choice for designers seeking a bold, contemporary feel without the harshness of pure electric blue.

What color is Majorelle Blue?

What is the meaning of Majorelle Blue?

How do I use Majorelle Blue (#6050DC) in UI design?

Using Majorelle Blue color codes

Majorelle Blue

#6050DC

Access our full UI & UX library today.

What color is Majorelle Blue?

What is the meaning of Majorelle Blue?

How do I use Majorelle Blue (#6050DC) in UI design?

Using Majorelle Blue color codes

Majorelle Blue Code Conversions

HEX

#6050DC

LAB

43, 45, -70

RGB

96, 80, 220

XYZ

20.6, 13.4, 69.2

HSL

247°, 67%, 59%

LCH

43, 83, 303°

HSB

247°, 64%, 86%

LUV

43, -3, -106

CMYK

56, 64, 0, 14

CMYK

56, 64, 0, 14

HWB

247°, 31%, 14%

Majorelle Blue Color Harmonies

Analogous

Sitting next to each other on the color wheel, analogous colors produce a serene and cohesive look when used alongside Majorelle Blue.

#5086DC

#6050DC

#A650DC

#5086DC

#6050DC

#A650DC

Complementary

Complementary colors sit opposite each other on the color wheel. When paired with Majorelle Blue, they create a high-contrast, visually striking effect.

#6050DC

#CCDC50

#6050DC

#CCDC50

Split Complementary

A split complementary scheme for Majorelle Blue pairs it with the two colors adjacent to its direct complement, offering high contrast with added nuance.

#6050DC

#DCA650

#86DC50

#6050DC

#DCA650

#86DC50

Triadic

Triadic color schemes use three hues evenly spaced on the color wheel. For Majorelle Blue, this creates a vibrant, high-contrast, and balanced palette.

#6050DC

#DC6050

#50DC60

#6050DC

#DC6050

#50DC60

Tetradic

A tetradic color scheme for Majorelle Blue uses four colors arranged into two complementary pairs, creating a rich and vibrant palette.

#6050DC

#DC5086

#CCDC50

#50DCA6

#6050DC

#DC5086

#CCDC50

#50DCA6

Square

The square color scheme selects four colors at equal distances around the color wheel, offering a balanced yet highly contrasting palette for Majorelle Blue.

#6050DC

#DC5086

#CCDC50

#50DCA6

#6050DC

#DC5086

#CCDC50

#50DCA6

Majorelle Blue Contrast Simulation

Text Color

#

Background Color

#

5.71

Good

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.

5.71

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Majorelle Blue Color Variations

Shades

Shades of Majorelle Blue are made by adding black, giving the color more depth and weight.

#6050DC

#5245BD

#45399D

#372E7E

#29225E

#1B173F

#0E0B1F

#000000

#6050DC

#5245BD

#45399D

#372E7E

#29225E

#1B173F

#0E0B1F

#000000

Tints

By mixing white with Majorelle Blue, you create tints—lighter variations that add softness.

#6050DC

#7769E1

#8D82E6

#A49BEB

#BBB4F0

#D2CDF5

#E8E6FA

#FFFFFF

#6050DC

#7769E1

#8D82E6

#A49BEB

#BBB4F0

#D2CDF5

#E8E6FA

#FFFFFF

Tones

Tones of Majorelle Blue are created by adding gray, resulting in a softer, desaturated appearance.

#6050DC

#6557CF

#695EC2

#6E65B5

#726BA7

#77729A

#7B798D

#808080

#6050DC

#6557CF

#695EC2

#6E65B5

#726BA7

#77729A

#7B798D

#808080

Hues

Hues are variations of Majorelle Blue, differing in intensity and temperature to create distinct moods.

#6050DC

#C950DC

#DC5086

#DC8350

#CCDC50

#63DC50

#50DCA6

#50A9DC

#6050DC

#C950DC

#DC5086

#DC8350

#CCDC50

#63DC50

#50DCA6

#50A9DC

What Interfaces Use Colors Like Majorelle 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