#556EA8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits in a mid-tone range that feels steady and professional. Because #556ea8 is desaturated, it avoids the harshness of primary blues, making it a natural choice for corporate interfaces or security-focused UI. It pairs well with cream or light grey tones to maintain readability. Use this hex code as a background color, as it offers enough contrast for white text to remain perfectly legible.
Questions about #556ea8
What is #556ea8 in RGB, HSL and CMYK?
In RGB, #556ea8 is rgb(85, 110, 168), in HSL hsl(222, 33%, 50%) and in CMYK 49%, 35%, 0%, 34%.
Why does #556ea8 work well for corporate interfaces?
This hex color balances professional stability with a muted, approachable quality that avoids the intensity of pure blues. By desaturating the hue, #556ea8 maintains high readability against white backgrounds, which makes it perfect for security dashboards or clean, trustworthy user interfaces.
What colors pair effectively with #556ea8?
To create a balanced aesthetic, pair #556ea8 with neutral tones like cream or light grey to soften the overall design. Because this blue is mid-toned and muted, using high-contrast white text ensures the content remains legible without visual fatigue for the user.
Is #556ea8 readable on white or black?
#556ea8 has a 5.02:1 contrast ratio on white and 4.18: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.