#6BB1EA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, airy blue offers a friendly alternative to standard primary colors. It provides a clean, professional backdrop for UI elements and branding. Because black text remains legible against this hue, it functions well for body content and interface components. The hex code #6bb1ea balances well against warm, muted oranges or deep charcoals to ground the palette without appearing washed out.
Questions about #6bb1ea
What is #6bb1ea in RGB, HSL and CMYK?
In RGB, #6bb1ea is rgb(107, 177, 234), in HSL hsl(207, 75%, 67%) and in CMYK 54%, 24%, 0%, 8%.
What colors pair well with #6bb1ea?
#6bb1ea works best when grounded by high-contrast neutrals like charcoal or deep navy, as these tones prevent the blue from appearing too washed out. You can also create a balanced, professional aesthetic by pairing it with muted, earthy oranges.
Is #6bb1ea suitable for text on a white background?
While #6bb1ea is highly legible against white in large headings or decorative elements, it may struggle with contrast requirements for small body text. Always verify your specific font size and weight against WCAG standards to ensure optimal readability for your users.
Is #6bb1ea readable on white or black?
#6bb1ea has a 2.30:1 contrast ratio on white and 9.10: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.