#5E7183 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5e7183 is a dusty, unsaturated blue with a distinct ashy character. Because of its muted, dim quality, it functions best as a supporting background or secondary UI element rather than a dominant color. Pair it with crisp white text to ensure readability, as this hex code meets contrast standards for body type. Use this shade in professional settings where you need an understated, reliable aesthetic.
Questions about #5e7183
What is #5e7183 in RGB, HSL and CMYK?
In RGB, #5e7183 is rgb(94, 113, 131), in HSL hsl(209, 16%, 44%) and in CMYK 28%, 14%, 0%, 49%.
Does #5e7183 work well for UI text?
#5e7183 is typically too muted to function as primary body text, but it works beautifully as a secondary UI element or in muted, professional interface headers. Ensure you pair it with high-contrast, crisp white text to maintain WCAG readability standards.
What colors pair best with #5e7183?
This ashy blue pairs naturally with neutral grays, warm cream tones, or stark whites to balance its unsaturated nature. For a more sophisticated palette, try pairing #5e7183 with muted terracottas or soft ochre accents to add a subtle, grounded warmth.
Is #5e7183 readable on white or black?
#5e7183 has a 5.04:1 contrast ratio on white and 4.16: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.