#87A8C8 Hex Color

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

Hex color #87a8c8 graphic
This dusty blue is a highly unsaturated tone with prominent cool, gray undertones. Because it offers high readability for text, #87a8c8 functions well as a foundational background for professional UI designs in healthcare or finance. It can look washed out against pure white, so pair it with charcoal or deep navy to anchor the composition and add necessary visual weight.

Questions about #87a8c8

What is #87a8c8 in RGB, HSL and CMYK?
In RGB, #87a8c8 is rgb(135, 168, 200), in HSL hsl(210, 37%, 66%) and in CMYK 32%, 16%, 0%, 22%. Browse more shades of blue with names and hex codes.
How can I effectively use #87a8c8 in a professional interface?
#87a8c8 excels as a foundational background color due to its high readability and calm, professional presence. Because the shade can appear slightly washed out against pure white, anchor your layout by pairing it with charcoal or deep navy text.
What color palette works best with #87a8c8?
This color thrives when paired with neutral, high-contrast tones that ground its desaturated nature. Use deep slate or crisp charcoal for text and UI elements to prevent the design from feeling too light or lacking in structure.
Is #87a8c8 readable on white or black?
#87a8c8 has a 2.48:1 contrast ratio on white and 8.46: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.