#86B7E6 Hex Color

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

Hex color #86b7e6 graphic
With its light value and softened saturation, #86b7e6 is a cool, airy blue with a gentle gray cast. It suggests trust and calm without feeling formal, fitting healthcare, finance, security, and spring designs. Use it as a broad UI background or supporting 30% tone beside navy and charcoal. Black text reaches about 9.9:1 contrast, making the hex code practical for accessible body copy.

Questions about #86b7e6

What is #86b7e6 in RGB, HSL and CMYK?
In RGB, #86b7e6 is rgb(134, 183, 230), in HSL hsl(209, 66%, 71%) and in CMYK 42%, 20%, 0%, 10%.
What colors pair well with #86b7e6?
#86b7e6 pairs well with navy, charcoal, and soft gray, which ground its airy blue; muted terracotta or coral accents can add warmth without overwhelming its calm character, especially in interfaces and spring palettes.
Does #86b7e6 read as warm or cool?
#86b7e6 reads as a cool blue because its blue channel is stronger than its red channel, while softened saturation adds a gentle gray cast rather than a bright, vivid look. This balance creates a calm, trustworthy feel suited to healthcare, finance, security, and spring-oriented designs.
Is #86b7e6 readable on white or black?
#86b7e6 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.