#3663B9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3663b9 is a saturated, cool blue that projects stability and competence. Because it balances authority with high legibility, it works perfectly as a primary UI color for security or finance apps. Pair it with crisp white text to easily meet accessibility standards, as this combination offers strong contrast. While reliable, avoid using this hex code for large text blocks, as its intensity can overwhelm the viewer.
Questions about #3663b9
What is #3663b9 in RGB, HSL and CMYK?
In RGB, #3663b9 is rgb(54, 99, 185), in HSL hsl(219, 55%, 47%) and in CMYK 71%, 46%, 0%, 27%.
Is #3663b9 suitable for large blocks of text?
#3663b9 is too intense for reading long paragraphs and can quickly overwhelm the viewer's eyes. It functions much better as an accent color for buttons, headings, or interface icons where its high saturation provides needed focus without causing visual strain.
What colors pair well with #3663b9 for a professional look?
This cool blue balances perfectly against high-contrast neutrals like crisp white or a soft light gray for a clean, secure look. For a slightly bolder palette, it complements warm accents like burnt orange or mustard yellow without losing its professional edge.
Is #3663b9 readable on white or black?
#3663b9 has a 5.76:1 contrast ratio on white and 3.64: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.