#87ABD9 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #87abd9 graphic
#87abd9 is a dusty pastel blue with cool, gray undertones and low saturation. Its light, softened appearance suggests peace, trust, and dependable control without feeling stark. Use it as a supporting tone for healthcare, finance, security, or technology layouts, especially with dark text. The hex code #87abd9 provides about 8.9:1 contrast with black, meeting WCAG AA for body text.

Questions about #87abd9

What is #87abd9 in RGB, HSL and CMYK?
In RGB, #87abd9 is rgb(135, 171, 217), in HSL hsl(214, 52%, 69%) and in CMYK 38%, 21%, 0%, 15%.
What colors pair well with #87abd9?
The #87abd9 hex color pairs well with charcoal, navy, muted terracotta, and warm cream because those darker or warmer tones add contrast while preserving its soft, gray-blue character in interfaces, editorial layouts, and seasonal branding.
Does black text meet WCAG AA on #87abd9?
Black text has about an 8.9:1 contrast ratio against #87abd9, exceeding the WCAG AA threshold of 4.5:1 for normal body text and making this shade practical for light UI surfaces, cards, and content areas.
Is #87abd9 readable on white or black?
#87abd9 has a 2.37:1 contrast ratio on white and 8.85: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.