#86A0C4 Hex Color

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

Hex color #86a0c4 graphic
The hex code #86a0c4 defines a cool, ashy blue with dusty gray undertones and very low saturation. Its restrained lightness conveys reliability, control, and security, making it useful for finance, healthcare, technology, and government interfaces. Use it as a supporting UI tone with charcoal or navy; black text achieves about 7.8:1 contrast for clear body copy.

Questions about #86a0c4

What is #86a0c4 in RGB, HSL and CMYK?
In RGB, #86a0c4 is rgb(134, 160, 196), in HSL hsl(215, 34%, 65%) and in CMYK 32%, 18%, 0%, 23%.
What colors pair well with #86a0c4 in a UI palette?
Pair #86a0c4 with navy or charcoal for structure, and use white for clean space; muted terracotta or burgundy can add warmth without overwhelming its dusty blue base.
Is #86a0c4 warm or cool, and what text works on it?
#86a0c4 reads as a cool blue because its blue channel is stronger than its red channel, while its gray undertone lowers saturation; black text provides strong readability, and white text needs a contrast check before use.
Is #86a0c4 readable on white or black?
#86a0c4 has a 2.67:1 contrast ratio on white and 7.83: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.