#87AFC6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue carries a cool, ashy undertone that reads professional yet approachable. Because of its muted character, #87afc6 works best as a primary UI background or a steady supporting tone for tech and healthcare branding. Pair it with deep charcoal for sharp contrast, as black text meets WCAG AA standards easily against this hue. The hex code is #87afc6.
Questions about #87afc6
What is #87afc6 in RGB, HSL and CMYK?
In RGB, #87afc6 is rgb(135, 175, 198), in HSL hsl(202, 36%, 65%) and in CMYK 32%, 12%, 0%, 22%.
What colors pair best with #87afc6?
The most effective way to use #87afc6 is by pairing it with deep charcoal or dark navy tones to ensure high readability and visual hierarchy. Because the hue is inherently muted and desaturated, high-contrast dark text ensures your design remains accessible while maintaining a professional, calm aesthetic.
Is #87afc6 readable on white or black?
#87afc6 has a 2.33:1 contrast ratio on white and 8.97: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.