#550FBF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated violet carries a cool, electric energy that demands attention. Because it is highly pigmented, #550fbf works best as an accent or a primary brand color rather than a large background field, where it might overwhelm the eye. It offers excellent contrast for white text, making it a reliable choice for UI elements that require high readability and a moody, modern aesthetic.
Questions about #550fbf
What is #550fbf in RGB, HSL and CMYK?
In RGB, #550fbf is rgb(85, 15, 191), in HSL hsl(264, 85%, 40%) and in CMYK 55%, 92%, 0%, 25%.
How can #550fbf be used effectively in UI design?
#550fbf works best as an accent color for call-to-action buttons or highlights rather than large background areas. It provides strong readability against white backgrounds, creating a moody, high-contrast aesthetic that keeps the interface feeling modern and sharp.
What colors pair well with the electric tone of #550fbf?
This violet pairs well with neutral, desaturated tones like charcoal or soft silver to anchor its intensity. For a more vibrant approach, using it alongside a complementary yellow or gold creates a striking, high-energy palette for brand graphics.
Is #550fbf readable on white or black?
#550fbf has a 9.51:1 contrast ratio on white and 2.20: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.