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.

What color is Byzantine?

What is the meaning of Byzantine?

How do I use Byzantine (#BD33A4) in UI design?

Using Byzantine color codes

Byzantine

#BD33A4

Access our full UI & UX library today.

What color is Byzantine?

What is the meaning of Byzantine?

How do I use Byzantine (#BD33A4) in UI design?

Using Byzantine color codes

Byzantine Code Conversions

HEX

#BD33A4

LAB

47, 65, -31

RGB

189, 51, 164

XYZ

28.9, 15.9, 36.7

HSL

311°, 58%, 47%

LCH

47, 72, 335°

HSB

311°, 73%, 74%

LUV

47, 66, -54

CMYK

0, 73, 13, 26

CMYK

0, 73, 13, 26

HWB

311°, 20%, 26%

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.

#9133BD

#BD33A4

#BD335F

#9133BD

#BD33A4

#BD335F

Complementary

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

#BD33A4

#33BD4C

#BD33A4

#33BD4C

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.

#BD33A4

#5FBD33

#33BD91

#BD33A4

#5FBD33

#33BD91

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.

#BD33A4

#A4BD33

#33A4BD

#BD33A4

#A4BD33

#33A4BD

Tetradic

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

#BD33A4

#BD9133

#33BD4C

#335FBD

#BD33A4

#BD9133

#33BD4C

#335FBD

Square

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

#BD33A4

#BD9133

#33BD4C

#335FBD

#BD33A4

#BD9133

#33BD4C

#335FBD

Byzantine Contrast Simulation

Text Color

#

Background Color

#

5.03

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.03

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Byzantine Color Variations

Shades

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

#BD33A4

#A22C8D

#872475

#6C1D5E

#511646

#360F2F

#1B0717

#000000

#BD33A4

#A22C8D

#872475

#6C1D5E

#511646

#360F2F

#1B0717

#000000

Tints

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

#BD33A4

#C650B1

#D06DBE

#D98ACB

#E3A8D8

#ECC5E5

#F6E2F2

#FFFFFF

#BD33A4

#C650B1

#D06DBE

#D98ACB

#E3A8D8

#ECC5E5

#F6E2F2

#FFFFFF

Tones

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

#BD33A4

#B43E9F

#AC499A

#A35495

#9A5F8F

#916A8A

#897585

#808080

#BD33A4

#B43E9F

#AC499A

#A35495

#9A5F8F

#916A8A

#897585

#808080

Hues

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

#BD33A4

#BD333D

#BD9133

#81BD33

#33BD4C

#33BDB3

#335FBD

#6E33BD

#BD33A4

#BD333D

#BD9133

#81BD33

#33BD4C

#33BDB3

#335FBD

#6E33BD

What Interfaces Use Colors Like Byzantine?

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