#456E82 Hex Color

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

Hex color #456e82 graphic
#456e82 is a muted, dusty slate blue with strong gray undertones. Because of its low saturation, it feels professional and restrained rather than bold, making it a solid choice for UI backgrounds in finance or corporate branding. Pair it with soft cream or warm tan to offset its naturally cool temperature. The hex code for this ashy shade is #456e82, which provides sufficient contrast for readable white body text.

Questions about #456e82

What is #456e82 in RGB, HSL and CMYK?
In RGB, #456e82 is rgb(69, 110, 130), in HSL hsl(200, 31%, 39%) and in CMYK 47%, 15%, 0%, 49%.
What colors pair well with #456e82?
Because #456e82 leans heavily into cool, dusty tones, it functions best when paired with warm, neutral counterparts like soft cream or warm tan. These combinations prevent the design from feeling overly sterile while maintaining a professional and composed visual hierarchy.
Is #456e82 suitable for professional interface design?
This shade is an excellent choice for corporate or financial applications because its low saturation conveys reliability without appearing harsh. It provides sufficient contrast for white body text, making it a functional, readable option for large navigation bars or subtle background sections.
Is #456e82 readable on white or black?
#456e82 has a 5.51:1 contrast ratio on white and 3.80: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.