#3F8EFE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bright and strongly saturated, #3f8efe is a cool blue with a clear, energetic presence. Its high chroma suits call-to-action buttons, links, and technology or finance interfaces, while darker navy and warm coral provide balanced contrast. The hex code #3f8efe supports black text at about 6.5:1, meeting WCAG AA for body text.
Questions about #3f8efe
What is #3f8efe in RGB, HSL and CMYK?
In RGB, #3f8efe is rgb(63, 142, 254), in HSL hsl(215, 99%, 62%) and in CMYK 75%, 44%, 0%, 0%.
What colors pair well with #3f8efe?
Navy provides a grounded dark contrast, while coral introduces a warm complementary counterpoint to #3f8efe. White keeps the palette clean, and pale blue tints can extend the scheme without competing with its strong saturation.
Where does #3f8efe work best in a user interface?
Its bright, cool saturation makes #3f8efe effective for links, call-to-action buttons, active states, and technology or finance interfaces. Use it selectively with quieter neutrals around it, since large areas of this blue can feel visually intense.
Is #3f8efe readable on white or black?
#3f8efe has a 3.22:1 contrast ratio on white and 6.51: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.