#86A3CF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, unsaturated blue, #86a3cf carries a cool, ashy tone that feels professional yet gentle. Because it is highly readable against black text, it works well as a background for clean UI and modern tech interfaces. Pair this hex code with slate greys or soft charcoal to maintain a balanced, structured palette without appearing washed out.
Questions about #86a3cf
What is #86a3cf in RGB, HSL and CMYK?
In RGB, #86a3cf is rgb(134, 163, 207), in HSL hsl(216, 43%, 67%) and in CMYK 35%, 21%, 0%, 19%.
What colors pair best with #86a3cf?
This dusty blue works best when anchored by dark neutrals that ground its cool, ashy tone. Pair #86a3cf with charcoal or deep slate for a professional, high-contrast look, or keep it light and airy by adding soft, warm whites.
Is #86a3cf suitable for website text?
While #86a3cf is excellent for UI backgrounds or accents, it lacks the necessary contrast to be used as body text against white. It functions best as a decorative element or a primary background color paired with dark, readable typography.
Is #86a3cf readable on white or black?
#86a3cf has a 2.57:1 contrast ratio on white and 8.15: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.