#86B8DE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, unsaturated blue carries a cool, dusty tone that feels approachable and secure. Because it lacks intensity, #86b8de functions best as a soft, neutral background in UI designs rather than a primary branding color. Pair it with charcoal gray text for excellent readability, as this combination offers the high contrast needed for clear, accessible interfaces. The hex code for this shade is #86b8de.
Questions about #86b8de
What is #86b8de in RGB, HSL and CMYK?
In RGB, #86b8de is rgb(134, 184, 222), in HSL hsl(206, 57%, 70%) and in CMYK 40%, 17%, 0%, 13%.
What colors pair well with #86b8de in a design palette?
Pair #86b8de with deep charcoal or dark navy for high-contrast, readable text that maintains a professional look. Because this blue is so unsaturated, it also serves as an excellent calming base when accented with soft, muted earth tones like sand or taupe.
Is #86b8de readable on white or black?
#86b8de has a 2.11:1 contrast ratio on white and 9.92: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.