#4686CC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#4686cc is a moderately muted, cool blue with a clear, steady appearance. Its restrained saturation supports trust and reliability in finance, healthcare, government, and technology interfaces. Use it as a supporting brand color or UI background with darker navy and warm gray. The hex code #4686cc also supports black body text at about 5.5:1 contrast.
Questions about #4686cc
What is #4686cc in RGB, HSL and CMYK?
In RGB, #4686cc is rgb(70, 134, 204), in HSL hsl(211, 57%, 54%) and in CMYK 66%, 34%, 0%, 20%.
What colors pair well with #4686cc?
Pair #4686cc with navy for depth and warm gray for balance; a restrained terracotta accent adds warmth without overpowering its cool blue character in interfaces, branding, or editorial layouts alike.
Does #4686cc look warm or cool?
#4686cc reads as a cool blue because its blue channel is stronger than its red channel, while moderate saturation keeps the appearance restrained rather than vivid, making it feel steady and clear instead of loud.
Is #4686cc readable on white or black?
#4686cc has a 3.78:1 contrast ratio on white and 5.54:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.