#87B7D8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, dusty blue carries a cool, ashy undertone that feels modern and approachable. Because #87b7d8 offers excellent contrast with black text, it functions well as a reliable background for clean UI interfaces or corporate branding. It feels washed out against pure white, so pair this hex code with darker grays or slate tones to maintain visual weight and definition.
Questions about #87b7d8
What is #87b7d8 in RGB, HSL and CMYK?
In RGB, #87b7d8 is rgb(135, 183, 216), in HSL hsl(204, 51%, 69%) and in CMYK 38%, 15%, 0%, 15%.
How does #87b7d8 perform in UI design?
Because #87b7d8 offers high contrast against black text, it functions as a reliable, modern background for clean interfaces. To prevent the color from appearing washed out, anchor your layout by pairing it with darker charcoal or slate grays to maintain visual weight.
What is the mood of #87b7d8?
This unsaturated, dusty blue carries a cool, ashy undertone that feels calm, approachable, and professional. It lacks the intensity of primary blues, making it a sophisticated choice for corporate branding or wellness applications that require a steady, unobtrusive visual presence.
Is #87b7d8 readable on white or black?
#87b7d8 has a 2.14:1 contrast ratio on white and 9.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.