#2E3799 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #2e3799 graphic
Deep and authoritative, #2e3799 functions as a modern anchor for dark mode UI and formal corporate branding. It carries a heavy, serious weight that demands white text for legibility. While it sits firmly in the indigo family, those interested in mixing purple should note its high saturation. Use this hex code as a dominant background instead of black for a softer, more intentional finish.

Questions about #2e3799

What is #2e3799 in RGB, HSL and CMYK?
In RGB, #2e3799 is rgb(46, 55, 153), in HSL hsl(235, 54%, 39%) and in CMYK 70%, 64%, 0%, 40%.
How should I use #2e3799 in user interface design?
#2e3799 functions as an excellent dark, authoritative background for modern web apps when you want more personality than standard black. Use it with high-contrast white or soft cream typography to ensure the text remains legible and professional for your users.
What colors pair well with #2e3799?
This indigo works best with crisp, neutral tones that prevent the design from feeling muddy. Pair it with a clean off-white to make the depth of the blue pop, or use a soft gold for sophisticated, high-contrast accent buttons.
Is #2e3799 readable on white or black?
#2e3799 has a 9.89:1 contrast ratio on white and 2.12: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.