#395BCC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#395bcc is a bold, high-intensity shade with enough saturation to grab attention. It functions best as a strong accent color or for primary calls to action rather than large background blocks, which can feel overwhelming. Pair this punchy blue with crisp white to leverage its 5.9:1 contrast ratio. The hex code for this color is #395bcc.
Questions about #395bcc
What is #395bcc in RGB, HSL and CMYK?
In RGB, #395bcc is rgb(57, 91, 204), in HSL hsl(226, 59%, 51%) and in CMYK 72%, 55%, 0%, 20%.
How should I use #395bcc effectively in UI design?
#395bcc works best as a focused accent color for primary buttons, call-to-action links, or interactive elements rather than a background shade. Because of its high saturation, it can overwhelm the eye if used for large, block-level background areas.
What colors pair well with #395bcc?
This vibrant blue pairs naturally with crisp white text to maintain high readability and accessibility standards. For a more sophisticated palette, you can ground it against a neutral charcoal or a clean light gray to balance the intensity.
Is #395bcc readable on white or black?
#395bcc has a 5.92:1 contrast ratio on white and 3.54: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.