#86A5F4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Soft and cool, #86a5f4 is a light pastel blue with clear saturation and a gentle violet undertone. Its even tone suggests peace, trust, and reliability, making it useful for healthcare, finance, technology, and spring-focused designs. Use it as a dominant interface background with dark text, which achieves about 8.7:1 contrast. The hex code is #86a5f4.
Questions about #86a5f4
What is #86a5f4 in RGB, HSL and CMYK?
In RGB, #86a5f4 is rgb(134, 165, 244), in HSL hsl(223, 83%, 74%) and in CMYK 45%, 32%, 0%, 4%.
What colors pair well with #86a5f4?
The #86a5f4 hex color pairs well with white, deep navy, charcoal, and soft lavender, while a warm coral or peach accent adds contrast without overpowering its calm, pastel blue-violet base.
Why does #86a5f4 feel cool rather than warm?
The #86a5f4 hex color reads as cool because its light blue base carries a gentle violet undertone, creating a clear but softened appearance. That balance suggests calm and reliability, which suits healthcare, finance, technology, and spring-focused interface designs.
Is #86a5f4 readable on white or black?
#86a5f4 has a 2.41:1 contrast ratio on white and 8.70: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.