#3699FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bright, saturated, and loud, #3699ff is a blue that grabs attention without tipping into neon. That intensity makes it a strong accent at roughly 10% of a palette: buttons, links, calls to action. It can wash out next to plain white, so give it charcoal or deep navy to lean on. Black text hits about 7.2:1 contrast on this hex code, enough for small body text.
Questions about #3699ff
What is #3699ff in RGB, HSL and CMYK?
In RGB, #3699ff is rgb(54, 153, 255), in HSL hsl(210, 100%, 61%) and in CMYK 79%, 40%, 0%, 0%.
What colors pair well with #3699ff?
Pair #3699ff with charcoal or deep navy for contrast in dark interfaces. Warm coral or amber makes a bold complementary accent when you want more energy.
Where does #3699ff work best in a design?
It works best as an accent rather than a full background. Use it for buttons, links, and highlights in tech, healthcare, and finance interfaces.
Is #3699ff readable on white or black?
#3699ff has a 2.93:1 contrast ratio on white and 7.15:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.