#454D62 Hex Color

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

Hex color #454d62 graphic
This dusky, unsaturated blue carries a serious, muted tone perfect for professional technology or security interfaces. Because #454d62 is quite dark, use it as a base for large backgrounds rather than fine text. It offers excellent contrast with white, and pairs unexpectedly well with soft peach or coral accents to break up its inherently gloomy, inky character. The hex code for this shade is #454d62.

Questions about #454d62

What is #454d62 in RGB, HSL and CMYK?
In RGB, #454d62 is rgb(69, 77, 98), in HSL hsl(223, 17%, 33%) and in CMYK 30%, 21%, 0%, 62%.
How should I use #454d62 in web design?
Use #454d62 as a stable, dark background for technology-focused interfaces or security apps where a sense of seriousness is required. Pair it with high-contrast white text for readability, or use soft, warm accents to balance its heavy, inky nature.
What colors pair well with #454d62?
This deep, dusky blue pairs beautifully with coral or peach accents, which provide a necessary brightness to counteract its serious, somber weight. For a more traditional, monochromatic look, combine it with lighter shades of slate or cool gray.
Is #454d62 readable on white or black?
#454d62 has a 8.43:1 contrast ratio on white and 2.49: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.