#3B5BED Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #3b5bed graphic
High-chroma and intense, #3b5bed functions as a beacon for user attention. Due to its extreme saturation, reserve this hex code for UI accents or primary calls to action rather than large block backgrounds. It holds plenty of visual weight and maintains excellent contrast with white text, achieving a 5.4:1 ratio that exceeds standard accessibility requirements for readability.

Questions about #3b5bed

What is #3b5bed in RGB, HSL and CMYK?
In RGB, #3b5bed is rgb(59, 91, 237), in HSL hsl(229, 83%, 58%) and in CMYK 75%, 62%, 0%, 7%.
What colors pair well with #3b5bed for a balanced palette?
This intense blue pairs naturally with neutral tones like slate or charcoal to ground its high saturation. For a more dynamic interface, try balancing the vibrancy of #3b5bed with soft off-white backgrounds to keep the design clean and accessible.
Is #3b5bed readable on white or black?
#3b5bed has a 5.37:1 contrast ratio on white and 3.90: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.