#3B689E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3b689e is a muted, desaturated blue that feels professional and restrained. Because of its cool, steady character, it works well as a primary base for finance or healthcare interfaces. While white text creates enough contrast for readability, use this shade cautiously in dark layouts to avoid a washed-out effect. This hex code pairs surprisingly well with warm terracotta accents for a modern, balanced palette.
Questions about #3b689e
What is #3b689e in RGB, HSL and CMYK?
In RGB, #3b689e is rgb(59, 104, 158), in HSL hsl(213, 46%, 43%) and in CMYK 63%, 34%, 0%, 38%.
How can I balance #3b689e in a website interface?
#3b689e functions best as a grounding neutral that pairs well with warm accents like terracotta or soft gold. Because it is desaturated, use it for larger UI elements rather than small, high-contrast buttons to avoid looking washed out.
Is #3b689e readable on white or black?
#3b689e has a 5.73:1 contrast ratio on white and 3.65:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.