#0E4C83 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, dark blue carries a serious weight that fits corporate branding and authoritative UI designs perfectly. While it works well as a grounding base for large backgrounds, it pairs best with lighter, muted accent colors to avoid looking too heavy. Because it offers strong contrast, white text remains readable at small sizes. The hex code for this deep blue is #0e4c83.
Questions about #0e4c83
What is #0e4c83 in RGB, HSL and CMYK?
In RGB, #0e4c83 is rgb(14, 76, 131), in HSL hsl(208, 81%, 28%) and in CMYK 89%, 42%, 0%, 49%.
What colors pair best with #0e4c83 for UI design?
Use light, muted accents like off-white or pale gray to balance the visual weight of #0e4c83. This combination maintains high contrast while preventing the deep blue from dominating the entire interface or feeling too heavy for users.
Is #0e4c83 readable on white or black?
#0e4c83 has a 8.82:1 contrast ratio on white and 2.38: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.