#551DC4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#551dc4 is a saturated, mid-tone violet with significant blue undertones. It projects a moody, professional intensity that anchors modern UI designs. Because of its high contrast against white text, it works exceptionally well for large, readable headings or dark mode backgrounds. Avoid using it as a text color on white, as it can feel overwhelming at small sizes. The hex code for this shade is #551dc4.
Questions about #551dc4
What is #551dc4 in RGB, HSL and CMYK?
In RGB, #551dc4 is rgb(85, 29, 196), in HSL hsl(260, 74%, 44%) and in CMYK 57%, 85%, 0%, 23%.
How should I use #551dc4 in my UI designs?
#551dc4 works best as an accent color for large, readable headings or dark mode backgrounds due to its high intensity. Avoid using this specific violet for small body text because it can quickly overwhelm a layout.
What colors pair well with the #551dc4 violet shade?
Pair #551dc4 with soft creams or warm whites to balance its cool, saturated nature. For a more modern, high-contrast look, incorporate shades of chartreuse or light cyan as secondary accents to make the violet pop effectively.
Is #551dc4 readable on white or black?
#551dc4 has a 8.90:1 contrast ratio on white and 2.35: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.