#545863 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, slate blue sits in the mid-range of lightness, offering a grounded and serious mood. Because #545863 provides strong contrast against white, it works well as a dominant background for modern tech or financial interfaces. Pair this hex code with muted ochres or warm greys to cut its chilly, sterile feel, as it can otherwise look overly flat in monochrome designs.
Questions about #545863
What is #545863 in RGB, HSL and CMYK?
In RGB, #545863 is rgb(84, 88, 99), in HSL hsl(224, 8%, 36%) and in CMYK 15%, 11%, 0%, 61%.
What colors pair well with #545863 to reduce its sterile feel?
Pair #545863 with muted ochres or warm, earthy greys to balance its naturally chilly slate undertones. Introducing these warmer, organic tones cuts the flat, clinical look often associated with cooler blue-grey shades in modern UI design.
Why is #545863 a strong choice for UI backgrounds?
#545863 provides a high level of visual contrast when placed against white, ensuring text readability for data-heavy applications. This makes it an excellent, grounded alternative to standard charcoal or black backgrounds in professional software.
Is #545863 readable on white or black?
#545863 has a 7.11:1 contrast ratio on white and 2.95: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.