#454259 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #454259 graphic
#454259 is a muted, ashy violet with a heavy, inky character. Because it sits so low in saturation, this shade works best as a sophisticated, dark background for UI designs or moodier brand elements. It offers excellent contrast for white text, ensuring readability. Avoid using it in large, flat blocks where light is scarce, as it can occasionally appear muddy. The hex code for this color is #454259.

Questions about #454259

What is #454259 in RGB, HSL and CMYK?
In RGB, #454259 is rgb(69, 66, 89), in HSL hsl(248, 15%, 30%) and in CMYK 22%, 26%, 0%, 65%.
When should I use #454259 in a UI design?
Use #454259 as a dark, sophisticated backdrop for interfaces where you want to avoid the harshness of pure black. It provides excellent readability when paired with white or very light neutral text, creating a balanced and modern look.
Which colors complement the #454259 shade?
This color pairs beautifully with warm, muted neutrals like beige or cream to soften its inky intensity. For a bolder palette, it creates a striking, professional contrast against bright, soft accents like mint or sky blue.
Is #454259 readable on white or black?
#454259 has a 9.64:1 contrast ratio on white and 2.17: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.