#4684D1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With its medium-light value and restrained saturation, #4684d1 is a cool blue with a clean, slightly muted character. It suggests trust and reliability without feeling heavy, fitting security, finance, healthcare, and technology branding. Use it as a supporting brand color or UI surface, pairing it with navy or warm gray. The hex code #4684d1 also supports black body text at about 5.5:1 contrast.
Questions about #4684d1
What is #4684d1 in RGB, HSL and CMYK?
In RGB, #4684d1 is rgb(70, 132, 209), in HSL hsl(213, 60%, 55%) and in CMYK 67%, 37%, 0%, 18%.
What colors pair well with #4684d1?
For a deeper, dependable palette, pair #4684d1 with navy; warm gray balances its cool blue character, while white or pale neutrals keep layouts open and readable across interfaces and brand materials.
Does #4684d1 look warm or cool?
#4684d1 reads as a cool blue because its blue channel is notably stronger than its red channel, giving the shade a clean, composed feel rather than a warm or violet-leaning appearance.
Is #4684d1 readable on white or black?
#4684d1 has a 3.83:1 contrast ratio on white and 5.48: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.