#14313E Hex Color

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

Hex color #14313e graphic
This dusty, muted blue sits heavy and dim, carrying a serious presence. The hex code #14313e works best as a primary background for tech or finance interfaces, providing a secure, grounded alternative to standard black. Because it remains highly legible with white text, it excels in dark mode applications. Pair it with soft cream or muted peach to keep the palette from feeling too cold.

Questions about #14313e

What is #14313e in RGB, HSL and CMYK?
In RGB, #14313e is rgb(20, 49, 62), in HSL hsl(199, 51%, 16%) and in CMYK 68%, 21%, 0%, 76%.
What colors pair well with #14313e for a balanced palette?
This deep, muted blue functions best when paired with softer, lighter tones that prevent it from feeling too heavy or cold. Use warm cream or muted peach as secondary accents to introduce necessary contrast and maintain a welcoming, professional visual balance.
Is #14313e suitable for UI text or backgrounds?
#14313e is an excellent choice for a dark mode background because it provides a grounded, sophisticated depth that is softer on the eyes than standard black. When used as a background, ensure your foreground text is a high-contrast off-white to maintain readability.
Is #14313e readable on white or black?
#14313e has a 13.64:1 contrast ratio on white and 1.53: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.