Lavender Indigo

Meet Lavender Indigo (#9457EB), a vibrant hue sitting at the intersection of cool blue and warm red. Its striking saturation gives it a distinctly digital character, making it a compelling choice for interfaces that need to capture attention without overwhelming the eye.

What color is Lavender Indigo?

What is the meaning of Lavender Indigo?

How do I use Lavender Indigo (#9457EB) in UI design?

Using Lavender Indigo color codes

Lavender Indigo

#9457EB

Access our full UI & UX library today.

What color is Lavender Indigo?

What is the meaning of Lavender Indigo?

How do I use Lavender Indigo (#9457EB) in UI design?

Using Lavender Indigo color codes

Lavender Indigo Code Conversions

HEX

#9457EB

LAB

51, 55, -66

RGB

148, 87, 235

XYZ

30.6, 19.1, 80.7

HSL

265°, 79%, 63%

LCH

51, 86, 310°

HSB

265°, 63%, 92%

LUV

51, 14, -106

CMYK

37, 63, 0, 8

CMYK

37, 63, 0, 8

HWB

265°, 34%, 8%

Lavender Indigo Color Harmonies

Analogous

Analogous colors are found side-by-side on the color wheel. When paired with Lavender Indigo, they create a visually pleasing and harmonious palette.

#5764EB

#9457EB

#DE57EB

#5764EB

#9457EB

#DE57EB

Complementary

Complementary colors sit opposite each other on the color wheel. Paired with Lavender Indigo, they create a striking, high-contrast visual effect.

#9457EB

#AEEB57

#9457EB

#AEEB57

Split Complementary

A split complementary palette provides high contrast with less tension. It pairs Lavender Indigo with the two colors neighboring its direct complement on the wheel.

#9457EB

#EBDE57

#64EB57

#9457EB

#EBDE57

#64EB57

Triadic

Triadic color schemes use three hues equally spaced on the color wheel. For Lavender Indigo, this method creates a vibrant, high-contrast, and balanced palette.

#9457EB

#EB9457

#57EB94

#9457EB

#EB9457

#57EB94

Tetradic

A tetradic scheme for Lavender Indigo involves two pairs of complementary colors, which form a rectangle on the color wheel for a balanced palette.

#9457EB

#EB5764

#AEEB57

#57EBDE

#9457EB

#EB5764

#AEEB57

#57EBDE

Square

A square color scheme uses four colors equidistant on the color wheel. With Lavender Indigo, this creates a vibrant and highly contrasting palette.

#9457EB

#EB5764

#AEEB57

#57EBDE

#9457EB

#EB5764

#AEEB57

#57EBDE

Lavender Indigo Contrast Simulation

Text Color

#

Background Color

#

4.82

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.

4.82

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Lavender Indigo Color Variations

Shades

Shades are darker versions of Lavender Indigo, made by adding black for a weightier feel.

#9457EB

#7F4BC9

#6A3EA8

#553286

#3F2565

#2A1943

#150C22

#000000

#9457EB

#7F4BC9

#6A3EA8

#553286

#3F2565

#2A1943

#150C22

#000000

Tints

Tints are lighter values of Lavender Indigo, created by mixing in white for a softer effect.

#9457EB

#A36FEE

#B387F1

#C29FF4

#D1B7F6

#E0CFF9

#F0E7FC

#FFFFFF

#9457EB

#A36FEE

#B387F1

#C29FF4

#D1B7F6

#E0CFF9

#F0E7FC

#FFFFFF

Tones

Tones are created by adding gray to Lavender Indigo, resulting in softer, desaturated variations.

#9457EB

#915DDC

#8E63CC

#8B69BD

#896EAE

#86749F

#837A8F

#808080

#9457EB

#915DDC

#8E63CC

#8B69BD

#896EAE

#86749F

#837A8F

#808080

Hues

Hues are variations of Lavender Indigo, differing in intensity and temperature to create specific moods.

#9457EB

#EB57D3

#EB5764

#EBB957

#AEEB57

#57EB6F

#57EBDE

#5789EB

#9457EB

#EB57D3

#EB5764

#EBB957

#AEEB57

#57EB6F

#57EBDE

#5789EB

What Interfaces Use Colors Like Lavender Indigo?

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