#405C7C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries a serious and understated mood. Because of its low saturation, #405c7c functions best as a supporting background rather than a main focal point. It pairs well with soft creams or warm grays to avoid appearing too industrial. With a solid 6.9:1 contrast ratio against white text, this hex code offers excellent readability for UI elements in finance or tech applications.
Questions about #405c7c
What is #405c7c in RGB, HSL and CMYK?
In RGB, #405c7c is rgb(64, 92, 124), in HSL hsl(212, 32%, 37%) and in CMYK 48%, 26%, 0%, 51%. Browse more shades of blue with names and hex codes.
What design aesthetic works best with #405c7c?
#405c7c excels in professional, tech-focused, and financial interface designs where clarity and stability are essential. Because of its muted, dusty nature, it functions exceptionally well as a supporting background color that does not overwhelm the user's focus on primary data.
Which colors create a balanced palette with #405c7c?
To prevent this shade from feeling too industrial, pair #405c7c with warm neutrals like cream or soft beige. These additions ground the coolness of the blue, creating a sophisticated, high-contrast look that remains gentle on the eyes for extended viewing.
Is #405c7c readable on white or black?
#405c7c has a 6.90:1 contrast ratio on white and 3.03: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.