#86A6AA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#86a6aa is a dusty, unsaturated cyan with heavy gray undertones. This muted shade functions best as a base color or a calming background rather than a loud accent. Because it maintains strong contrast with black text, it remains highly readable for interface design. Pair this hex code with dark charcoals to ground its washed-out character, as it can look pale and airy against pure white.
Questions about #86a6aa
What is #86a6aa in RGB, HSL and CMYK?
In RGB, #86a6aa is rgb(134, 166, 170), in HSL hsl(187, 17%, 60%) and in CMYK 21%, 2%, 0%, 33%.
What colors pair best with #86a6aa?
#86a6aa works best when paired with deep charcoal or near-black tones to ground its washed-out character. These dark neutrals provide necessary contrast against the pale cyan, preventing the interface from appearing too airy or unanchored while maintaining professional readability.
Is #86a6aa suitable for UI text?
While #86a6aa is excellent as a background color, it lacks the dark saturation required for primary body text. For better accessibility, keep this hex color in the background and use high-contrast dark grays or blacks for all readable interface content.
Is #86a6aa readable on white or black?
#86a6aa has a 2.60:1 contrast ratio on white and 8.04: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.