#86B6DD Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #86b6dd graphic
A muted, ashy blue, #86b6dd is a highly unsaturated pastel that leans cool. Because of its dusty character—which you can create by mixing gray with brighter pigments—it serves well as a steady, reliable UI background. It provides enough contrast for black text, though it can appear washed out if paired with stark white. It works best as a supporting tone in professional branding.

Questions about #86b6dd

What is #86b6dd in RGB, HSL and CMYK?
In RGB, #86b6dd is rgb(134, 182, 221), in HSL hsl(207, 56%, 70%) and in CMYK 39%, 18%, 0%, 13%. Browse more shades of blue with names and hex codes.
What colors pair well with #86b6dd?
This ashy blue thrives when grounded by dark, high-contrast neutrals like charcoal or deep navy. Because #86b6dd is so unsaturated, it also works beautifully as a soft backdrop for crisp white UI elements or dark text.
Is #86b6dd a warm or cool color?
#86b6dd is definitively a cool color. It leans toward a sky-blue base but is tempered by a significant gray undertone, which pulls it away from vibrant, saturated primary blues into a more dusty, professional, and understated territory.
Is #86b6dd readable on white or black?
#86b6dd has a 2.15:1 contrast ratio on white and 9.74: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.