#2B3A6F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, ink-blue tone feels grounded and serious. Because it is quite dark, #2b3a6f works best as a primary background or a heavy accent in corporate identity projects. White text provides excellent readability against this shade, meeting accessibility standards with ease. For a balanced, modern palette, pair this hex code with a soft, muted cream rather than a stark, bright white.
Questions about #2b3a6f
What is #2b3a6f in RGB, HSL and CMYK?
In RGB, #2b3a6f is rgb(43, 58, 111), in HSL hsl(227, 44%, 30%) and in CMYK 61%, 48%, 0%, 56%.
What colors pair best with #2b3a6f?
#2b3a6f works best when contrasted against soft, muted neutrals like cream or warm gray rather than a harsh pure white. These pairings maintain the color's sophisticated, grounded nature while ensuring your text remains perfectly legible for users.
Where should I use #2b3a6f in design projects?
Because #2b3a6f carries a heavy, serious weight, it functions effectively as a solid primary background for modern corporate identities or as a strong anchor for dashboard layouts. Its desaturated finish prevents it from feeling overwhelming while providing excellent contrast for UI elements.
Is #2b3a6f readable on white or black?
#2b3a6f has a 10.83:1 contrast ratio on white and 1.93: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.