Byzantium

Meet Byzantium (#702963), a deep and saturated purple with a notable reddish undertone. This rich hue commands attention, offering a sophisticated alternative to more common purples and magentas, making it a compelling choice for distinctive design work.

What color is Byzantium?

What is the meaning of Byzantium?

How do I use Byzantium (#702963) in UI design?

Using Byzantium color codes

Byzantium

#702963

Access our full UI & UX library today.

What color is Byzantium?

What is the meaning of Byzantium?

How do I use Byzantium (#702963) in UI design?

Using Byzantium color codes

Byzantium Code Conversions

HEX

#702963

LAB

29, 39, -19

RGB

112, 41, 99

XYZ

9.7, 5.9, 12.4

HSL

311°, 46%, 30%

LCH

29, 43, 334°

HSB

311°, 63%, 44%

LUV

29, 34, -29

CMYK

0, 63, 12, 56

CMYK

0, 63, 12, 56

HWB

311°, 16%, 56%

Byzantium Color Harmonies

Analogous

Analogous color schemes use colors next to Byzantium on the color wheel. This combination creates a harmonious and visually pleasing palette, often perceived as calm.

#592970

#702963

#702940

#592970

#702963

#702940

Complementary

For a high-impact pairing, look to Byzantium's complementary color. Found directly across the color wheel, this combination offers the highest possible visual contrast.

#702963

#297036

#702963

#297036

Split Complementary

The split complementary scheme gives Byzantium a high-contrast pairing that's more versatile than a direct complement, using two adjacent hues instead.

#702963

#3F7029

#297059

#702963

#3F7029

#297059

Triadic

A triadic color scheme uses three hues evenly spaced on the color wheel. With Byzantium, this creates a vibrant, high-contrast, and balanced palette.

#702963

#637029

#296370

#702963

#637029

#296370

Tetradic

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

#702963

#705A29

#297036

#294070

#702963

#705A29

#297036

#294070

Square

A square color scheme pairs Byzantium with three other colors, all equidistant on the color wheel, creating a vibrant and high-contrast palette.

#702963

#705A29

#297036

#294070

#702963

#705A29

#297036

#294070

Byzantium Contrast Simulation

Text Color

#

Background Color

#

9.61

Excellent

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.

9.61

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Byzantium Color Variations

Shades

Shades of Byzantium are darker versions made by adding black, giving designs depth and weight.

#702963

#602355

#501D47

#401739

#30122A

#200C1C

#10060E

#000000

#702963

#602355

#501D47

#401739

#30122A

#200C1C

#10060E

#000000

Tints

Tints are lighter versions of Byzantium, created by adding white to soften the hue.

#702963

#844879

#996690

#AD85A6

#C2A3BC

#D6C2D2

#EBE0E9

#FFFFFF

#702963

#844879

#996690

#AD85A6

#C2A3BC

#D6C2D2

#EBE0E9

#FFFFFF

Tones

Adding gray to Byzantium creates tones, offering a range of softer, less saturated options.

#702963

#723567

#75426B

#774E6F

#795B74

#7B6778

#7E747C

#808080

#702963

#723567

#75426B

#774E6F

#795B74

#7B6778

#7E747C

#808080

Hues

Hues are variations of Byzantium, sharing its base color but with different intensities or temperatures.

#702963

#70292E

#705A29

#517029

#297036

#29706B

#294070

#482970

#702963

#70292E

#705A29

#517029

#297036

#29706B

#294070

#482970

What Interfaces Use Colors Like Byzantium?

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