#2B556E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue feels serious and grounded. Its low chroma creates a moody, dim quality that fits well within professional tech or finance interfaces. While it works as a full background, it shines brightest paired with crisp white text to achieve an 8.0:1 contrast ratio. Learning what colors make gray clarifies its complex base. The hex code for this shade is #2b556e.
Questions about #2b556e
What is #2b556e in RGB, HSL and CMYK?
In RGB, #2b556e is rgb(43, 85, 110), in HSL hsl(202, 44%, 30%) and in CMYK 61%, 23%, 0%, 57%.
What colors pair well with #2b556e?
#2b556e creates a sophisticated, high-contrast look when paired with crisp white text. To build a balanced scheme, try using soft sand or neutral beige tones to warm up the serious, dim quality of this professional blue.
Is #2b556e readable on white or black?
#2b556e has a 7.99:1 contrast ratio on white and 2.62: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 is too faint for text. Try other pairs in the contrast checker.