#40556A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue has a desaturated, matte quality that keeps it grounded. Because it lacks intensity, #40556a works best as a moody background or a supporting neutral in corporate UI designs. It reads well with white text, providing high contrast for readability. Avoid using it alongside other muted tones, as it can quickly lose definition and start to look muddy.
Questions about #40556a
What is #40556a in RGB, HSL and CMYK?
In RGB, #40556a is rgb(64, 85, 106), in HSL hsl(210, 25%, 33%) and in CMYK 40%, 20%, 0%, 58%. Browse more shades of blue with names and hex codes.
What colors pair well with #40556a?
Because #40556a is a muted, desaturated blue, it pairs best with high-contrast neutrals like crisp off-white or soft cream to maintain readability. Avoid pairing it with other muddy or muted tones, as it lacks the intensity to stand out.
Is #40556a a warm or cool blue?
#40556a is definitively a cool-toned blue, though its heavy gray undertone keeps it from feeling icy or vibrant. This characteristic makes it a reliable neutral choice for UI designers needing a color that recedes into the background.
Is #40556a readable on white or black?
#40556a has a 7.70:1 contrast ratio on white and 2.72: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 is too faint for text. Try other pairs in the contrast checker.