Byzantium is a medium-dark, moderately saturated shade in the pink color family, with a warm feel. Its HEX code is #702963, which equals rgb(112, 41, 99) in RGB and hsl(311, 46%, 30%) in HSL. In print terms it converts to roughly C0 M63 Y12 K56, although exact CMYK results depend on the paper and color profile.
- HEX
#702963 - RGB
112, 41, 99 - HSL
311°, 46%, 30% - CMYK
0, 63, 12, 56 - Family
Pink - Tone
Medium-dark, moderately saturated
About Byzantium
Pink shades range from soft pastels to vivid magentas. They can feel gentle and romantic or loud and modern, depending on saturation and lightness. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 9.61:1. Its complementary color is #297036.
Download Byzantium as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Byzantium color codes
| HEX | #702963 |
|---|---|
| RGB | rgb(112, 41, 99) |
| HSL | hsl(311, 46%, 30%) |
| HSV | 311°, 63%, 44% |
| CMYK | 0%, 63%, 12%, 56% |
| Decimal | 7350627 |
Shades and tints of Byzantium
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E7DBE5 - 100
#CFB8CB - 200
#B894B1 - 300
#A07097 - 400
#884D7D - 500
#702963 - 600
#5D2253 - 700
#4B1B42 - 800
#381532 - 900
#250E21 - 950
#130711
Color harmonies for Byzantium
- Complementary
#297036≈ Deep Muted Green - Analogous −30°
#592970≈ Deep Muted Violet - Analogous +30°
#702940≈ Deep Muted Crimson - Triadic +120°
#637029≈ Deep Muted Chartreuse - Triadic +240°
#296370≈ Deep Muted Capri - Split 150°
#407029≈ Deep Muted Clover - Split 210°
#297059≈ Dark Soft Turquoise
Contrast and accessibility of Byzantium
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Byzantium | Aa | 9.61:1 | AAA (excellent) |
| Black text on Byzantium | Aa | 2.19:1 | Fails |
CSS code for Byzantium
background-color: #702963;color: #702963;background-color: rgb(112, 41, 99);background-color: hsl(311, 46%, 30%);:root { --color-byzantium: #702963; }class="bg-[#702963]"Colors similar to Byzantium
- Deep Muted Raspberry
#793465 - Deep Muted Rose
#79345E - Dark Soft Fuchsia
#6A1B62 - Deep Muted Cerise
#79346C - Dark Muted Magenta
#5D285D - Dark Soft Magenta
#6A1B6A - Deep Muted Blush
#793457 - Dark Soft Cerise
#6A1B5A - Dark Muted Fuchsia
#5D2858 - Deep Muted Fuchsia
#793472 - Dark Soft Orchid
#621B6A - Dark Muted Orchid
#58285D
More pink shades
- Ruby
#E0115F - Lilac
#C8A2C8 - Eggplant
#614051 - Raspberry
#E30B5D - Rose
#FF007F - Fandango
#B53389 - Pale Red
#FF7A7A - Very Pale Red
#FFA3A3 - Palest Red
#FFCCCC - Pale Bright Red
#F28888 - Very Pale Bright Red
#F6ACAC
Frequently asked questions
What is the HEX code for Byzantium?
The HEX code for Byzantium is #702963.
What is the RGB value of Byzantium?
Byzantium has an RGB value of 112, 41, 99 (rgb(112, 41, 99)). In HSL it is 311°, 46%, 30%.
What text color should I use on Byzantium?
Use white text on Byzantium. White text has a contrast ratio of 9.61:1 and black text has 2.19:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Byzantium?
The complementary color of Byzantium is #297036. Analogous colors #592970 and #702940 also pair well.