#6BA6F8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated blue reads as professional and secure. With a strong 8.4:1 contrast against black text, it works well for UI buttons and actionable interface components. The hex code for this shade is #6ba6f8. It often feels aggressive as a full-page background, so treat it as a supporting accent. Understanding what colors make gray helps if you need to soften this intense tone.
Questions about #6ba6f8
What is #6ba6f8 in RGB, HSL and CMYK?
In RGB, #6ba6f8 is rgb(107, 166, 248), in HSL hsl(215, 91%, 70%) and in CMYK 57%, 33%, 0%, 3%.
Is #6ba6f8 a good choice for text on a white background?
While #6ba6f8 provides a modern aesthetic, it does not meet WCAG accessibility standards for readability when used as small body text against a white background. It is best suited for large headings, UI buttons, or graphic accents where contrast requirements are less stringent.
What colors pair well with the blue of #6ba6f8?
This vibrant blue pairs exceptionally well with neutral shades like charcoal or soft off-whites to ground its intensity. For a more dynamic interface palette, consider complementary accents such as a warm terracotta or a muted mustard yellow to create visual balance.
Is #6ba6f8 readable on white or black?
#6ba6f8 has a 2.48:1 contrast ratio on white and 8.43: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.