#3687D6 Hex Color

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

Hex color #3687d6 graphic
#3687d6 is a saturated, cool blue that communicates stability and professionalism. Because it feels reliable and buttoned-up, this shade works well as a primary brand color for finance or security interfaces. It offers enough contrast for legible small body text when paired with black. Use this hex code sparingly as an accent rather than a full background, as its intensity can overwhelm large layouts.

Questions about #3687d6

What is #3687d6 in RGB, HSL and CMYK?
In RGB, #3687d6 is rgb(54, 135, 214), in HSL hsl(210, 66%, 53%) and in CMYK 75%, 37%, 0%, 16%. Browse more shades of blue with names and hex codes.
Is #3687d6 suitable for text on a white background?
This blue provides strong, legible contrast when used as text against a standard white background, making it a safe choice for interface design. It maintains readability without the harshness associated with pure black, providing a softer, more modern aesthetic.
What colors pair well with #3687d6 in a palette?
You can anchor this blue by pairing it with charcoal for a sophisticated, high-contrast look or slate for a monochromatic, professional appearance. To create more visual interest, consider adding warm, desaturated accents to balance the intense cool temperature of #3687d6.
Is #3687d6 readable on white or black?
#3687d6 has a 3.75:1 contrast ratio on white and 5.59:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.