Glitter

Meet Glitter (#E6E8FA), a delicate off-white with a whisper of lavender-blue. This shade stands out for its subtle coolness and high luminosity, offering a clean, airy quality that can brighten any digital interface without overwhelming the user. It's a sophisticated, near-neutral with a hint of personality.

What color is Glitter?

What is the meaning of Glitter?

How do I use Glitter (#E6E8FA) in UI design?

Using Glitter color codes

Glitter

#E6E8FA

Access our full UI & UX library today.

What color is Glitter?

What is the meaning of Glitter?

How do I use Glitter (#E6E8FA) in UI design?

Using Glitter color codes

Glitter Code Conversions

HEX

#E6E8FA

LAB

92, 3, -9

RGB

230, 232, 250

XYZ

78.7, 81.4, 102.0

HSL

234°, 67%, 94%

LCH

92, 9, 287°

HSB

234°, 8%, 98%

LUV

92, -2, -14

CMYK

8, 7, 0, 2

CMYK

8, 7, 0, 2

HWB

234°, 90%, 2%

Glitter Color Harmonies

Analogous

Analogous schemes pair Glitter with its neighbors on the color wheel. This combination results in a visually pleasing and harmonious color palette.

#E6F2FA

#E6E8FA

#EEE6FA

#E6F2FA

#E6E8FA

#EEE6FA

Complementary

Complementary colors are found opposite each other on the color wheel. Pairing one with Glitter produces a bold, high-contrast look for any interface.

#E6E8FA

#FAF8E6

#E6E8FA

#FAF8E6

Split Complementary

The split complementary scheme pairs Glitter with the two colors on either side of its complement, providing strong visual contrast with less tension.

#E6E8FA

#FAEEE6

#F2FAE6

#E6E8FA

#FAEEE6

#F2FAE6

Triadic

Triadic color schemes use three hues equally spaced on the color wheel. With Glitter as a base, this creates a vibrant, high-contrast palette.

#E6E8FA

#FAE6E8

#E8FAE6

#E6E8FA

#FAE6E8

#E8FAE6

Tetradic

A tetradic scheme uses four colors in total, made from two complementary pairs. See how Glitter can anchor these balanced yet vibrant palettes.

#E6E8FA

#FAE6F2

#FAF8E6

#E6FAEE

#E6E8FA

#FAE6F2

#FAF8E6

#E6FAEE

Square

A square color scheme uses four colors equidistant on the color wheel. This creates a vibrant, high-contrast palette with Glitter as its foundation.

#E6E8FA

#FAE6F2

#FAF8E6

#E6FAEE

#E6E8FA

#FAE6F2

#FAF8E6

#E6FAEE

Glitter Contrast Simulation

Text Color

#

Background Color

#

17.29

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.

17.29

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Glitter Color Variations

Shades

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

#E6E8FA

#C5C7D6

#A4A6B3

#83858F

#63636B

#424247

#212124

#000000

#E6E8FA

#C5C7D6

#A4A6B3

#83858F

#63636B

#424247

#212124

#000000

Tints

Adding white to Glitter produces tints, which are lighter variations that soften the original hue.

#E6E8FA

#EAEBFB

#EDEFFB

#F1F2FC

#F4F5FD

#F8F8FE

#FBFCFE

#FFFFFF

#E6E8FA

#EAEBFB

#EDEFFB

#F1F2FC

#F4F5FD

#F8F8FE

#FBFCFE

#FFFFFF

Tones

Tones of Glitter are created by adding gray, resulting in softer, less saturated variations.

#E6E8FA

#D7D9E9

#C9CAD7

#BABBC6

#ACADB4

#9D9EA3

#8F8F91

#808080

#E6E8FA

#D7D9E9

#C9CAD7

#BABBC6

#ACADB4

#9D9EA3

#8F8F91

#808080

Hues

Hues are variations of Glitter (#E6E8FA) that alter its intensity or temperature for different visual effects.

#E6E8FA

#F3E6FA

#FAE6F2

#FAE9E6

#FAF8E6

#EDFAE6

#E6FAEE

#E6F7FA

#E6E8FA

#F3E6FA

#FAE6F2

#FAE9E6

#FAF8E6

#EDFAE6

#E6FAEE

#E6F7FA

What Interfaces Use Colors Like Glitter?

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