#86BDF0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#86bdf0 is a light, airy sky blue with high luminosity. It functions best as a supporting background tone, providing a clean surface that keeps typography sharp and readable. Because black text maintains a high 10.6:1 contrast ratio against this hue, it works effectively for UI interfaces where clarity is essential. While you might wonder about mixing pink to balance this shade, it pairs best with dark charcoal.
Questions about #86bdf0
What is #86bdf0 in RGB, HSL and CMYK?
In RGB, #86bdf0 is rgb(134, 189, 240), in HSL hsl(209, 78%, 73%) and in CMYK 44%, 21%, 0%, 6%.
What colors pair well with #86bdf0 for UI design?
#86bdf0 pairs effectively with dark charcoal or deep navy to maintain high contrast and readability. Because this hue has high luminosity, dark text grounds the design while preventing the blue from feeling too washed out on a bright screen.
Is #86bdf0 readable on white or black?
#86bdf0 has a 1.99:1 contrast ratio on white and 10.55: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.