Byzantine

HEX: #BD33A4 | Modern Palette

On White
5.03:1
PASS
On Black
4.17:1
FAIL

Color Specifications

HEX
#BD33A4
RGB
189, 51, 164
HSL
310°, 57% ,47%
CMYK
0, 73, 13, 26

About Byzantine

Byzantine (#BD33A4) is a color with RGB(189, 51, 164) and HSL(310.9°, 57.5%, 47.1%). It is commonly associated with Romantic moods. In design, it fits Warm styles and is suitable for Text, Button, Logo. Its complementary color is #33BD4C, which creates strong contrast. Its triadic palette includes #A4BD33 and #33A4BD. The name comes from Byzantium (Latin).

  • HEX: #BD33A4
  • RGB: 189, 51, 164
  • HSL: 310.9°, 57.5%, 47.1%
  • Mood: Romantic
  • Style: Warm
  • Use case: Text, Button, Logo
  • Complementary color: #33BD4C
  • Triadic colors: #A4BD33, #33A4BD
  • The name comes from Byzantium (Latin).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #BD33A4 from deepest shade to lightest tint.

Color Characteristics

Mood
Romantic
Style
Warm
Use case
Text Button Logo

Accessibility Simulation

Deuteranopia #7373A2
Protanopia #5252A4
Tritanopia #B54E4E
Achromatopsia #6F6F6F

Frequently Asked Questions

Byzantine (#BD33A4) is a color with RGB(189, 51, 164) and HSL(310.9°, 57.5%, 47.1%).

#BD33A4 pairs strongly with #33BD4C as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#BD33A4 is suitable for Text, Button, Logo and works well with Warm styles.

#BD33A4 is commonly associated with Romantic.

The name Byzantine is linked to Byzantium from Latin, meaning Pertaining to Byzantium (the ancient Greek city, later Constantinople).

Name, History & Etymology

Origin Word Byzantium
Meaning Pertaining to Byzantium (the ancient Greek city, later Constantinople)
Language Latin
First Recorded Use 16th Century

History

The term 'Byzantine Empire' was coined by Western historians in the 16th century to distinguish the Greek-speaking, Eastern Roman Empire from its Latin-speaking predecessor. The empire itself, centered in Constantinople (formerly Byzantium), lasted for over a thousand years, from 330 AD (or 395 AD, depending on the starting point) until its fall to the Ottoman Turks in 1453. Initially, the term 'Byzantine' was used in a neutral historical context. However, over time, particularly from the 18th century onwards, it acquired negative connotations in Western Europe, implying complexity, intrigue, rigidity, and excessive ornamentation, often associated with a perceived decline from classical Roman ideals. This negative connotation is still present in some modern uses of the word.

First Recorded Use

The term 'Byzantine' was first used in the mid-16th century, primarily by German historian Hieronymus Wolf, to refer to the Eastern Roman Empire after the fall of the Western Roman Empire. This was a retrospective term, as the inhabitants of the empire continued to refer to themselves as Romans.

Cultural Associations

In art and architecture, 'Byzantine' refers to a distinct style characterized by rich mosaics, icons, domed churches, and a hierarchical, often spiritual, depiction of figures. In a broader cultural sense, 'Byzantine' can describe something excessively complex, intricate, or bureaucratic, often with a hint of deviousness or political maneuvering. The color #bd33a4, while not directly tied to the historical use of the word, could be seen as reflecting the richness and complexity often associated with Byzantine art and imperial regalia, which frequently featured deep purples and golds.

Similar Named Colors

Royal Fuchsia #CA2C92 ΔE 4.95
Fandango #B53389 ΔE 5.13
Medium Red Violet #BB3385 ΔE 6.25
Deep Magenta #CC00CC ΔE 6.60

Code Snippets

/* Background */
.element {
    background-color: #BD33A4;
}

/* Text */
.element {
    color: #BD33A4;
}

/* Border */
.element {
    border: 1px solid #BD33A4;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #BD33A4,
        #33BD4C
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #BD33A4,
        #33BD4C
    );
}

// SCSS variable
$byzantine: #BD33A4;

// With RGB channels (useful for rgba() usage)
$byzantine-r: 189;
$byzantine-g: 51;
$byzantine-b: 164;

// Usage
.element {
    background-color: $byzantine;
    color: rgba($byzantine-r, $byzantine-g, $byzantine-b, 0.8);
}