#2B4593 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, mid-tone blue carries a distinct professional authority. Because it sits comfortably between dark and bright, #2b4593 works well as a primary brand color for corporate or finance sites. It pairs beautifully with crisp white text, which maintains excellent contrast. The hex code #2b4593 serves as a reliable base for UI components, though it can feel overwhelming if used across large, empty background areas.
Questions about #2b4593
What is #2b4593 in RGB, HSL and CMYK?
In RGB, #2b4593 is rgb(43, 69, 147), in HSL hsl(225, 55%, 37%) and in CMYK 71%, 53%, 0%, 42%.
Does #2b4593 work well for text interfaces?
#2b4593 is a strong choice for UI elements like buttons or links because it maintains excellent contrast against clean white backgrounds. However, avoid using this color for long paragraphs of body text, as the high saturation can cause eye fatigue over extended reading sessions.
What colors pair well with #2b4593?
This blue pairs beautifully with cool-gray for a sophisticated corporate look or soft-gold for a premium accent. These combinations highlight the professional nature of #2b4593 without overwhelming the viewer, creating a balanced and readable visual hierarchy.
Is #2b4593 readable on white or black?
#2b4593 has a 8.84:1 contrast ratio on white and 2.37: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.