#5E7684 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted slate blue acts as a grounded, reliable choice for corporate or tech interfaces. It is desaturated and matte, providing a serious foundation that avoids visual noise. Designers find it works best as a background color, especially when paired with crisp white text for better readability. The hex code for this ashy blue is #5e7684.
Questions about #5e7684
What is #5e7684 in RGB, HSL and CMYK?
In RGB, #5e7684 is rgb(94, 118, 132), in HSL hsl(202, 17%, 44%) and in CMYK 29%, 11%, 0%, 48%.
What colors pair well with #5e7684 for UI design?
#5e7684 works best when paired with high-contrast neutrals like a crisp white or a very dark charcoal. These combinations ensure your text remains legible while the background retains its muted, professional character, avoiding any distracting visual noise.
Does #5e7684 read as warm or cool?
This color is distinctly cool, carrying subtle blue and grey undertones that define its slate-like appearance. Because it is desaturated and matte, it lacks the vibrancy of pure blues, making it a stable choice for backgrounds that require a calming, serious aesthetic.
Is #5e7684 readable on white or black?
#5e7684 has a 4.77:1 contrast ratio on white and 4.40: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.