#86BFE0 Hex Color

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

Hex color #86bfe0 graphic
#86bfe0 is a cool, desaturated blue with a dusty, pastel quality that reads as approachable and reliable. Because it offers strong contrast against black text, it works well for UI backgrounds or technical interfaces where legibility matters. Pair this shade with soft charcoal grays rather than pure white to avoid a washed-out appearance. The hex code for this color is #86bfe0.

Questions about #86bfe0

What is #86bfe0 in RGB, HSL and CMYK?
In RGB, #86bfe0 is rgb(134, 191, 224), in HSL hsl(202, 59%, 70%) and in CMYK 40%, 15%, 0%, 12%. Browse more shades of blue with names and hex codes.
What colors pair best with #86bfe0 in a design system?
#86bfe0 works best when balanced against dark, grounding neutrals rather than pure white. It pairs beautifully with charcoal or deep slate tones, which anchor the dusty blue and prevent the interface from feeling washed out or overly sterile.
Is #86bfe0 readable on white or black?
#86bfe0 has a 1.99:1 contrast ratio on white and 10.54: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.