#556D88 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Electronic is an ashy, muted shade that leans into a cold, desaturated blue. Because of its dark and dusty character, the hex code #556d88 functions best as a professional background color in finance or security interfaces. While it offers sufficient contrast for small body text against white, avoid using it as a primary highlight since it can appear gloomy. Pair it with crisp cream tones to ground its coolness.
Questions about Electronic
What is the hex code for Electronic?
Electronic is #556d88. In RGB that is rgb(85, 109, 136), in HSL hsl(212, 23%, 43%) and in CMYK 38%, 20%, 0%, 47%. Browse more shades of blue with names and hex codes.
Where does #556d88 work best in design?
#556d88 functions best as a sophisticated, professional background in finance or security-focused interfaces. Because of its muted, ashy quality, it provides a stable and serious foundation that helps establish trust without the harshness of a standard, high-contrast navy blue.
What colors pair best with #556d88?
To balance the cool, dusty nature of #556d88, pair it with soft, warm cream tones or off-white. These lighter, warmer neutrals prevent the color from appearing gloomy and help ground the overall composition while maintaining a clean, modern, and readable aesthetic.
Is Electronic readable on white or black?
Electronic has a 5.34:1 contrast ratio on white and 3.92: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.