#456B9B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue feels restrained and professional. Because of its low saturation, #456b9b works well as a reliable background or supporting element in corporate UI design, especially in finance or tech applications. White text reads clearly against it, offering excellent readability for body copy. Pair it with soft, warm grays to avoid a cold, sterile appearance in your layout.
Questions about #456b9b
What is #456b9b in RGB, HSL and CMYK?
In RGB, #456b9b is rgb(69, 107, 155), in HSL hsl(213, 38%, 44%) and in CMYK 55%, 31%, 0%, 39%.
What colors pair best with #456b9b?
Because #456b9b is a desaturated blue, it works beautifully with neutral warm grays to soften its professional edge. To add a bit of contrast, pair it with warm cream or a soft sand tone to prevent the layout from feeling too cold or sterile.
Is #456b9b suitable for body text or UI copy?
Yes, #456b9b provides excellent readability for text when placed against a white background, though it is usually best reserved for buttons, subheadings, or secondary UI elements. It maintains a calm, trustworthy aesthetic suitable for finance or technology dashboards.
Is #456b9b readable on white or black?
#456b9b has a 5.48:1 contrast ratio on white and 3.82: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.