Byzantium

#702963

What color is Byzantium?

Byzantium is a deep, muted purple with a reddish undertone, hex #702963, close to the color of a dried lavender stem. It is darker and less vivid than violet, with a dusty, almost bruised quality.

What is the meaning of the color Byzantium?

The name comes from Byzantium, the ancient Greek city later known as Constantinople, where a rare purple dye made from sea snails called murex was produced and reserved by law for imperial use. Roman and Byzantine emperors wore this color as a mark of supreme authority, and the association between purple and royalty shaped European heraldic tradition for centuries. The specific shade now called Byzantium was recorded in English as a color name in the early 20th century. The Pantone Color Institute lists it among named historical purples, anchoring its identity in that imperial tradition.

RGB
112, 41, 99
HSL
311°, 46%, 30%
CMYK
0, 63, 12, 56
HSV
311°, 63%, 44%
Byzantium color

What colors go with Byzantium?

Colors that pair well with Byzantium include:
Gold: rich, warm contrast
Ivory: soft, brightening balance
Forest green: deep, complementary depth
Dusty rose: gentle tonal warmth
Charcoal: grounding, neutral backdrop

Similar Colors

Conversions & Codes

Format Value CSS
HEX #702963 color: #702963;
RGB 112, 41, 99 color: rgb(112, 41, 99);
RGB Percentage 44%, 16%, 39% color: rgb(44%, 16%, 39%);
CMYK 0%, 63%, 12%, 56% Not supported in CSS
HSL 311°, 46%, 30% color: hsl(311, 46%, 30%);
HSV 311°, 63%, 44% Not supported in CSS
CIE-LAB 24, 14, -19 color: lab(24% 14 -19);
Decimal 7350627 Not supported in CSS

Color Variations

Shades

#702963
#652559
#59214F
#4E1D45
#43193B
#381531
#2D1128
#220C1E

Tints

#E2B1D9
#D897CC
#CF7DC0
#C563B3
#BC49A6
#A43D91
#8A337A
#702963

Tones

#702963
#6C2D61
#69305E
#65345C
#62375A
#5E3B58
#5B3E55
#574253

Hues

#702963
#70292E
#705929
#517029
#297036
#29706B
#294070
#482970

Color Harmonies

Analogous

#592970
Click to copy
#702963
Click to copy
#702940
Click to copy
98%

Complementary

#702963
Click to copy
#297036
Click to copy

Split Complementary

#702963
Click to copy
#407029
Click to copy
#297059
Click to copy

Triadic

#702963
Click to copy
#637029
Click to copy
#296370
Click to copy

Tetradic

#702963
Click to copy
#705929
Click to copy
#297036
Click to copy
#294070
Click to copy

Square

#702963
Click to copy
#705929
Click to copy
#297036
Click to copy
#294070
Click to copy

CSS & Dev Snippets

CSS
.byzantium {
  color: #702963;
}
SCSS
$byzantium: #702963;
RGB
rgb(112, 41, 99)

Accessibility & Contrast

White background

9.61:1
9.61
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

2.19:1
2.19
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags