#3F77E8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bright and strongly saturated, #3f77e8 is a cool blue with a clear, energetic presence. Its intensity suits calls to action, links, technology branding, and security interfaces, while warm ivory or muted orange can soften the contrast. Use it as a focused accent rather than a full-page background; black text reaches about 5.0:1 contrast. The hex code is #3f77e8.
Questions about #3f77e8
What is #3f77e8 in RGB, HSL and CMYK?
In RGB, #3f77e8 is rgb(63, 119, 232), in HSL hsl(220, 79%, 58%) and in CMYK 73%, 49%, 0%, 9%. Browse more shades of blue with names and hex codes.
Does #3f77e8 work with white text?
White text on #3f77e8 has about a 4.2:1 contrast ratio, below the 4.5:1 WCAG AA threshold for normal text, so use larger text or a darker blue when white readability matters. It can pass for large text, but test the actual font size and weight.
What colors pair well with #3f77e8?
Warm ivory and muted orange create balanced pairings with #3f77e8, while charcoal offers a softer alternative to black for text and surrounding UI. Use warm neutrals to temper the blue’s high saturation.
What does #3f77e8 communicate in design?
In design, #3f77e8 communicates clarity, confidence, and forward energy through its cool hue and strong saturation. It works well for calls to action, links, technology branding, and security interfaces, but is usually better as an accent than a full-page background.
Is #3f77e8 readable on white or black?
#3f77e8 has a 4.18:1 contrast ratio on white and 5.01: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.