#3550BA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated blue projects authority and focus. Because it maintains a high contrast ratio of 7.0:1 against white text, it performs well for UI buttons or critical call to action elements. Designers should use the hex code #3550ba as a bold accent color rather than a large background to keep an interface readable and balanced.
Questions about #3550ba
What is #3550ba in RGB, HSL and CMYK?
In RGB, #3550ba is rgb(53, 80, 186), in HSL hsl(228, 56%, 47%) and in CMYK 72%, 57%, 0%, 27%.
Why is #3550ba effective for call-to-action buttons?
This shade provides a strong visual punch that draws the eye immediately while maintaining high legibility against light backgrounds. With a 7.0:1 contrast ratio against white, it ensures your primary interactive elements remain accessible to all users.
What color schemes work best with #3550ba?
Pair this saturated blue with off-white or light gray to maximize its authority without overwhelming the interface. If you need a secondary accent, golden yellow creates a striking complementary contrast that feels modern and professional.
Is #3550ba readable on white or black?
#3550ba has a 6.98:1 contrast ratio on white and 3.00: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.