#4685A3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#4685a3 is a muted, steel-toned blue that reads steady rather than flashy. Its grayed undertone makes it useful for finance, healthcare, and government interfaces where calm reliability matters more than energy. Black text stays readable on it, so it works well for buttons, headers, and panel backgrounds. Pair it with warm sand or terracotta to keep the palette from feeling clinical. Its low saturation means large flat areas can go flat too, so give it texture or contrast nearby.
Questions about #4685a3
What is #4685a3 in RGB, HSL and CMYK?
In RGB, #4685a3 is rgb(70, 133, 163), in HSL hsl(199, 40%, 46%) and in CMYK 57%, 18%, 0%, 36%. Browse more shades of blue with names and hex codes.
What colors pair well with #4685a3?
Warm neutrals like sand, cream, and terracotta balance its cool tone, while deep navy or charcoal add contrast. Avoid muted greens nearby, as they can make both shades look dull.
Is #4685a3 a warm or cool blue?
It leans cool, with a grayed, steel-like quality rather than a bright sky tone. That muted character makes it feel calmer and more serious than vivid blues.
Is #4685a3 readable on white or black?
#4685a3 has a 4.08:1 contrast ratio on white and 5.14: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.