#661689 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, authoritative violet commands attention with its dark, serious presence. Because #661689 is highly saturated, it serves best as a bold accent color rather than a dominant background, where it can easily overwhelm the eye. It pairs surprisingly well with muted teals or soft creams for a balanced, modern interface. This hex code offers excellent contrast for white text, ensuring readability in dark mode designs.
Questions about #661689
What is #661689 in RGB, HSL and CMYK?
In RGB, #661689 is rgb(102, 22, 137), in HSL hsl(282, 72%, 31%) and in CMYK 26%, 84%, 0%, 46%.
What colors pair best with #661689 in design?
This deep violet works best when paired with neutral, soft tones that allow its intensity to shine. Try using it alongside creamy off-whites or muted, desaturated teals to create a balanced, modern UI that prevents the violet from becoming visually overwhelming.
Is #661689 effective for text on light backgrounds?
While #661689 has a dark, rich pigment, it acts more reliably as a background for light text rather than text itself. If you must use it as a primary color for text, ensure the font weight is heavy to maintain readability.
Is #661689 readable on white or black?
#661689 has a 10.28:1 contrast ratio on white and 2.04: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.