#86B7DD Hex Color
A calm, grounded blue with ashy undertones
This dusty, unsaturated blue leans into a cool, ashy undertone that feels grounded rather than bright. Because it sits on the lighter end of the spectrum, #86b7dd serves as a reliable UI background or secondary accent. Black text pops with strong contrast against it, making it accessible for body copy. If you are learning how to make gray, consider this color an approachable starting point.
Questions about #86b7dd
What is #86b7dd in RGB, HSL and CMYK?
In RGB, #86b7dd is rgb(134, 183, 221), in HSL hsl(206, 56%, 70%) and in CMYK 39%, 17%, 0%, 13%.
Does #86b7dd work well for UI backgrounds?
This color is an excellent choice for interface backgrounds because its desaturated nature creates a calm, professional atmosphere. It maintains high readability for black text, ensuring your designs remain accessible without sacrificing visual interest or requiring complex layering.
What colors pair well with #86b7dd?
You can effectively pair #86b7dd with deep charcoal or soft white for a balanced, modern look. Because it sits in a muted, ashy space, it also serves as a stabilizing neutral when combined with warmer, muted tones like terracotta.
Is #86b7dd readable on white or black?
#86b7dd has a 2.13:1 contrast ratio on white and 9.83: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.