#86C2DF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, dusty blue, #86c2df feels airy and approachable. Because of its lower saturation, it functions best as a calming UI background or a supporting accent rather than a dominant bold feature. It pairs well with charcoal grays for a professional, tech-forward look. Since you are mixing gray to achieve this ashy tone, black text offers excellent contrast for readability.
Questions about #86c2df
What is #86c2df in RGB, HSL and CMYK?
In RGB, #86c2df is rgb(134, 194, 223), in HSL hsl(200, 58%, 70%) and in CMYK 40%, 13%, 0%, 13%.
Which colors pair best with #86c2df for a professional look?
#86c2df works beautifully alongside deep charcoal grays to create a modern, tech-forward aesthetic. Because of its dusty undertone, it also balances well against clean white or crisp off-white backgrounds, ensuring the blue remains the primary focal point.
Is #86c2df a suitable choice for text on websites?
#86c2df is generally too light to be used for primary body text, as it fails most accessibility standards for contrast. It is much better suited as a soft, secondary accent color or for large, decorative UI elements like headers.
Is #86c2df readable on white or black?
#86c2df has a 1.94:1 contrast ratio on white and 10.79: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.