#14203B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This inky, desaturated shade carries a serious and authoritative weight perfect for professional branding or dark UI themes. Because #14203b is so dark, use it as a dominant background color to ground your layout. It offers excellent contrast for white text, ensuring readability across devices. Pair it with soft, warm metallics like gold or copper to cut through the cool, dusty nature of this navy.
Questions about #14203b
What is #14203b in RGB, HSL and CMYK?
In RGB, #14203b is rgb(20, 32, 59), in HSL hsl(222, 49%, 15%) and in CMYK 66%, 46%, 0%, 77%.
What colors pair best with #14203b for professional design?
Use warm metallics like gold or copper to cut through the cool, dusty nature of #14203b. It also acts as a sophisticated anchor when paired with soft creams or crisp, off-white text to maintain high readability across your interface.
Is #14203b suitable for dark mode UI interfaces?
Yes, #14203b works exceptionally well as a dominant background color because its low luminosity reduces eye strain. It provides a stable, serious base that allows high-contrast elements and interactive icons to stand out clearly against the deep, desaturated backdrop.
Is #14203b readable on white or black?
#14203b has a 16.16:1 contrast ratio on white and 1.29: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.