Byzantine

Meet Byzantine (#BD33A4), a vivid magenta-purple that commands attention. Its striking character comes from a rich saturation that balances boldness with a sophisticated quality. This color offers a potent visual statement without being overwhelming, making it a fascinating choice for any creative palette.

Byzantine
#BD33A4
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Byzantine?

Byzantine is a vivid, warm shade of magenta with strong purple undertones, sitting somewhere between a deep pink and a light purple.

It presents as a saturated, fuchsia-like hue but carries a cooler, more complex character than a straightforward hot pink.

What is the meaning of the color Byzantine (#BD33A4)?

Named for an empire famed for its opulence, Byzantine evokes a sense of royalty, power, and historical grandeur.

This rich magenta hue inspires feelings of creativity and spiritual wisdom, making a bold statement of sophistication.

How can I use the color Byzantine in my UI design?

In UI design, Byzantine (#BD33A4) works best as a potent accent color. Apply it to key interactive elements like buttons, toggles, or notification badges to guide user attention. For a balanced composition, pair it with deep charcoals or soft off-whites. For a more adventurous palette, consider a contrasting teal or a rich, dark green.

Few major brands build their identity around a color this bold, though some, like Height, use similar shades to make a statement. This rarity presents an opportunity: using Byzantine can help a product stand out and establish a unique visual signature in a crowded market.

To see how Byzantine performs in practice, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview #BD33A4 in real UI components from top brands.

Using Byzantine color codes

When working with Byzantine (#BD33A4), its vividness makes it a powerful choice for calls-to-action or key visual elements where you want to draw the eye.

To apply this color across different media, you'll need to convert its HEX code. For digital work, the RGB value defines its appearance on screens by mixing red, green, and blue light, while the CMYK equivalent ensures color accuracy in print. Other models like HSL, LAB, and LCH offer more intuitive ways to create variations by adjusting properties like hue, saturation, and lightness.

We've converted #BD33A4 into a range of popular formats below that you can copy and paste directly into your design tools.

Byzantine Code Conversions

HEX
#BD33A4
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Byzantine Color Harmonies

Analogous

Analogous color schemes pair Byzantine with its neighbors on the color wheel. This creates a harmonious and visually pleasing palette, often perceived as serene.

#123456
#123456
#123456

Complementary

Complementary colors sit opposite each other on the color wheel. Paired with its complement, Byzantine creates a visually arresting, high-contrast combination.

#123456
#123456

Split Complementary

Byzantine's split complementary palette creates high contrast with less tension by pairing it with the two colors adjacent to its direct complement.

#123456
#123456
#123456

Triadic

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

#123456
#123456
#123456

Tetradic

A tetradic scheme for Byzantine involves two pairs of complementary colors, forming a rectangle on the color wheel for a rich, balanced palette.

#123456
#123456
#123456
#123456

Square

The square color scheme pairs Byzantine with three other colors, all equidistant on the color wheel, for a bold, high-contrast effect.

#123456
#123456
#123456
#123456

Byzantine Color Variations

Shades

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

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

Tints of Byzantine are created by adding white, resulting in softer, lighter variations.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Tones of Byzantine are muted variations made by adding gray to soften the saturation.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues vary Byzantine's base color by intensity or temperature, expanding its expressive range.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Byzantine?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

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.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion