#5D0063 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, dark violet commands attention with its somber and mysterious presence. The hex code #5d0063 creates a bold base for dark mode interfaces or moody, high-contrast branding. Because it is highly saturated, it pairs effectively with crisp white text for excellent readability. Use it as a dominant background color to ground your design, or sparingly as a secondary accent to add weight and sophistication to your palette.
Questions about #5d0063
What is #5d0063 in RGB, HSL and CMYK?
In RGB, #5d0063 is rgb(93, 0, 99), in HSL hsl(296, 100%, 19%) and in CMYK 6%, 100%, 0%, 61%.
How can I best use #5d0063 in a website interface?
#5d0063 works best as a primary background or dominant accent color because its high saturation commands immediate attention. Use it sparingly with white text to ensure readability, or pair it with subtle grays to avoid overwhelming the viewer.
What color schemes pair effectively with #5d0063?
This deep violet pairs naturally with analogous colors like magenta or blue-toned purples to create a rich, harmonious look. For a sharper, high-contrast aesthetic, choose complementary shades like golden yellow or bright lime to make your design pop.
Is #5d0063 readable on white or black?
#5d0063 has a 12.76:1 contrast ratio on white and 1.64: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.