#86A4BF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, unsaturated blue carries a distinct dusty quality that feels grounded and stable. Because it is highly readable, #86a4bf works effectively as a full-page background color or a primary UI base. It pairs cleanly with stark white or soft charcoal text. Use this hex code to establish a sense of professional reliability in corporate or technical design projects without overwhelming the viewer.
Questions about #86a4bf
What is #86a4bf in RGB, HSL and CMYK?
In RGB, #86a4bf is rgb(134, 164, 191), in HSL hsl(208, 31%, 64%) and in CMYK 30%, 14%, 0%, 25%.
What colors pair best with #86a4bf for a professional palette?
This ashy blue works effectively with charcoal for high-contrast text or crisp white for a clean, technical interface. If you need an accent color, adding a touch of terracotta provides a complementary warmth that balances the coolness of this blue.
Is #86a4bf suitable for body text or background use?
#86a4bf is a highly readable, mid-tone blue that functions exceptionally well as a primary UI background or a structural element in data-heavy applications. Because of its dusty, unsaturated quality, it reduces eye strain and helps maintain a calm, professional atmosphere.
Is #86a4bf readable on white or black?
#86a4bf has a 2.60:1 contrast ratio on white and 8.07: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.