#86B8EE Hex Color

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

Hex color #86b8ee graphic
This airy, unsaturated blue offers a crisp, clean aesthetic perfect for modern UI backgrounds. Because it provides excellent contrast against black text, it functions well as a stable base color in professional tech or healthcare designs. While it can feel slightly washed out next to pure white, #86b8ee balances beautifully when paired with darker charcoal grays or deep navies to anchor the composition.

Questions about #86b8ee

What is #86b8ee in RGB, HSL and CMYK?
In RGB, #86b8ee is rgb(134, 184, 238), in HSL hsl(211, 75%, 73%) and in CMYK 44%, 23%, 0%, 7%.
What colors pair best with #86b8ee for professional designs?
#86b8ee works effectively when anchored by high-contrast neutrals like charcoal or deep navy to prevent it from feeling too washed out. These darker tones provide the necessary weight to balance the lightness of this specific blue.
Is #86b8ee suitable for text in a user interface?
Using #86b8ee for text is generally discouraged because it lacks sufficient contrast against white or light backgrounds. It performs much better as a subtle background shade or a UI element that supports darker, high-contrast text.
Is #86b8ee readable on white or black?
#86b8ee has a 2.07:1 contrast ratio on white and 10.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.