#3687D6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors

#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?
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.