#672A5A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, desaturated magenta carries a serious and mysterious tone. Because it is quite dark, #672a5a works best as a supporting background color rather than a primary shade, as it can feel heavy in large doses. It pairs beautifully with soft, warm creams for a balanced look. The hex code #672a5a provides excellent contrast for white text, ensuring readability in dark mode designs.
Questions about #672a5a
What is #672a5a in RGB, HSL and CMYK?
In RGB, #672a5a is rgb(103, 42, 90), in HSL hsl(313, 42%, 28%) and in CMYK 0%, 59%, 13%, 60%. Browse more shades of purple with names and hex codes.
How should I use #672a5a in a layout without it feeling too heavy?
#672a5a functions best as a sophisticated background or an accent rather than a primary block color. Because it is quite dark, pair it with soft, warm creams or light neutrals to prevent the design from feeling oppressive or visually crowded.
Is #672a5a a suitable color choice for UI text?
While #672a5a works well for interface backgrounds, it is generally too dark for body text unless used with a very light background. It offers excellent contrast for white text elements, ensuring that your dark mode designs remain legible and accessible for users.
Is #672a5a readable on white or black?
#672a5a has a 10.21:1 contrast ratio on white and 2.05: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.