#3667CF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Not a quiet navy or a washed-out pastel, this blue is loud, saturated, and cool with an electric edge. Its hex code is #3667cf. That intensity makes it a natural accent for calls to action, tech branding, and highlights, though it can overwhelm as a full background. Muted grays tame it well, and what colors make gray shows how to mix a supporting neutral from scratch. White text reads clearly on it at about 5.3:1 contrast.
Questions about #3667cf
What is #3667cf in RGB, HSL and CMYK?
In RGB, #3667cf is rgb(54, 103, 207), in HSL hsl(221, 61%, 51%) and in CMYK 74%, 50%, 0%, 19%. Browse more shades of blue with names and hex codes.
What colors pair well with #3667cf?
Warm coral and muted sand flatter #3667cf because their orange undertones sit opposite it on the wheel and tame its electric edge. For neutrals, soft grays and charcoal support the blue without dulling its punch.
Is #3667cf readable on white or black?
#3667cf has a 5.25:1 contrast ratio on white and 3.99: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.