#86A5C3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue has a cool, ashy undertone that reads professional yet approachable. Because of its excellent contrast, the hex code #86a5c3 works effectively as a background for black text in UI designs and corporate branding. It feels steady and restrained, making it a reliable choice for finance or technology interfaces where you want to project stability without using a harsh, saturated color.
Questions about #86a5c3
What is #86a5c3 in RGB, HSL and CMYK?
In RGB, #86a5c3 is rgb(134, 165, 195), in HSL hsl(210, 34%, 65%) and in CMYK 31%, 15%, 0%, 24%. Browse more shades of blue with names and hex codes.
When should I use #86a5c3 in a UI design?
Use #86a5c3 as a neutral background or accent when you need a calm, trustworthy look. It offers enough contrast for black text to maintain accessibility, making it a reliable choice for professional interfaces and dashboards.
What colors complement #86a5c3?
Is #86a5c3 readable on white or black?
#86a5c3 has a 2.56:1 contrast ratio on white and 8.18: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.