#86BAD4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, dusty blue with a clear, cool undertone, this shade feels approachable and professional. The hex code #86bad4 serves as an excellent supporting background color for UI, where it pairs well with crisp charcoal text for readability. Because it is highly unsaturated, it avoids appearing childish or overly bright. Designers interested in learning what colors make gray can use this tone to understand balance.
Questions about #86bad4
What is #86bad4 in RGB, HSL and CMYK?
In RGB, #86bad4 is rgb(134, 186, 212), in HSL hsl(200, 48%, 68%) and in CMYK 37%, 12%, 0%, 17%.
Does #86bad4 work well for text-heavy interfaces?
Is #86bad4 considered a warm or cool color?
#86bad4 is distinctly cool, carrying strong blue-gray undertones that evoke a sense of calm and clarity. Its lack of saturation prevents it from feeling jarring, making it a reliable neutral option that stabilizes busier, more vibrant color schemes.
Is #86bad4 readable on white or black?
#86bad4 has a 2.10:1 contrast ratio on white and 9.98: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.