Byzantium
Online color picker to view shades, tints, color codes, and complementary colors
Byzantium is a dim, moody magenta with dark, dusty undertones that lean toward a grape-like richness. Because this hue has low luminosity, it works best as a strong accent rather than a full-page background. Try pairing the hex code #702963 with pale creams or metallic golds to avoid a muddy appearance. Its high contrast allows for clear white text readability in UI design.
Questions about Byzantium
What is the hex code for Byzantium?
Byzantium is #702963. In RGB that is rgb(112, 41, 99), in HSL hsl(311, 46%, 30%) and in CMYK 0%, 63%, 12%, 56%.
How should I use #702963 in UI design?
Use #702963 primarily as a high-contrast accent color rather than a primary background to ensure readability. Because it is a dark, low-luminosity magenta, white or very pale cream text layers comfortably over it for a sophisticated, readable UI interface.
Which colors pair best with the Byzantium hex color?
Byzantium pairs exceptionally well with metallic golds or soft, warm creams to balance its dusty, grape-like depth. Avoid pairing it with other dark, saturated tones, as the lack of contrast can make your design feel muddy or difficult to read.
Is Byzantium readable on white or black?
Byzantium has a 9.60:1 contrast ratio on white and 2.18:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.