#14046D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, saturated indigo feels serious and grounded. As a base, #14046d provides excellent readability for white text, offering a stark 16.6:1 contrast ratio that makes it perfect for dark mode UI backgrounds. While its heavy pigment is ideal for professional branding, use it carefully to avoid overwhelming a design. If you are experimenting with mixing purple, this hex code serves as a solid anchor point.
Questions about #14046d
What is #14046d in RGB, HSL and CMYK?
In RGB, #14046d is rgb(20, 4, 109), in HSL hsl(249, 93%, 22%) and in CMYK 82%, 96%, 0%, 57%.
Where should I use #14046d in a UI design?
#14046d works exceptionally well as a primary dark-mode background color because it provides high contrast for white text. Its deep, professional tone adds weight to layouts without appearing as stark as a pure black background.
What colors pair well with the deep tone of #14046d?
Pair #14046d with vibrant, warm accents like a bright golden yellow or a crisp off-white to create visual balance. Using it alongside muted greys helps ground these high-energy colors, preventing the design from feeling too chaotic.
Is #14046d readable on white or black?
#14046d has a 16.56:1 contrast ratio on white and 1.26: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.