#5A8DAE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries an unsaturated quality that feels professional and grounded. Because it lacks intense chroma, #5a8dae works well as a supporting background for tech or finance interfaces where readability matters. It offers enough contrast for black text to remain legible. Pair this cool, matte shade with warm copper or terracotta to offset its inherent restraint and add warmth to your design palette.
Questions about #5a8dae
What is #5a8dae in RGB, HSL and CMYK?
In RGB, #5a8dae is rgb(90, 141, 174), in HSL hsl(204, 34%, 52%) and in CMYK 48%, 19%, 0%, 32%.
Why does #5a8dae work well for user interfaces?
#5a8dae serves as an ideal background for tech or finance interfaces because its unsaturated, dusty quality reduces visual fatigue. It provides high contrast against black text, ensuring that information remains legible while maintaining a professional and serious aesthetic for modern applications.
What colors pair best with the muted tone of #5a8dae?
Warm earth tones like copper, terracotta, or burnt orange create the most striking contrast against the cool, matte nature of #5a8dae. These warm additions offset the inherent restraint of the blue, adding a necessary human touch to balanced design palettes.
Is #5a8dae readable on white or black?
#5a8dae has a 3.58:1 contrast ratio on white and 5.85:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.