#87A5C4 Hex Color
A cool dusty blue with gray undertones
#87a5c4 is a cool, dusty blue with heavy gray undertones. Because it is highly unsaturated, it works best as a neutral supporting tone rather than a dominant background. Pair it with charcoal or deep navy for a professional, reliable contrast. With a high contrast ratio against black text, the hex code #87a5c4 is a safe choice for legible body copy in tech or healthcare interface designs.
Questions about #87a5c4
What is #87a5c4 in RGB, HSL and CMYK?
In RGB, #87a5c4 is rgb(135, 165, 196), in HSL hsl(210, 34%, 65%) and in CMYK 31%, 16%, 0%, 23%. Browse more shades of blue with names and hex codes.
How should I use #87a5c4 in UI design?
#87a5c4 functions best as a secondary or supporting color rather than a primary background shade. It offers excellent contrast against dark text, making it a safe, readable choice for technical documentation or healthcare interfaces where clarity is essential.
Which colors pair well with #87a5c4?
Is #87a5c4 readable on white or black?
#87a5c4 has a 2.55:1 contrast ratio on white and 8.20: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.