#86A7EA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, cool blue brings an airy feel to modern interface designs. Because it offers excellent contrast with black text, it functions perfectly as a large background or UI base. The hex code for this shade is #86a7ea. Use it alongside charcoal grays to create a clean, grounded look. It is professional enough for corporate branding but remains soft and approachable.
Questions about #86a7ea
What is #86a7ea in RGB, HSL and CMYK?
In RGB, #86a7ea is rgb(134, 167, 234), in HSL hsl(220, 70%, 72%) and in CMYK 43%, 29%, 0%, 8%.
What types of projects suit the #86a7ea color palette?
The desaturated nature of #86a7ea works best for corporate websites, SaaS interfaces, and wellness apps that require a calm, approachable aesthetic. It provides a grounded, professional foundation that does not overwhelm the user, especially when paired with charcoal text or dark gray accents.
Is #86a7ea readable on white or black?
#86a7ea has a 2.40:1 contrast ratio on white and 8.72: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.