#14658D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Deep and unsaturated, #14658d functions as a serious, steady base for professional UI design. Its cool tone provides excellent contrast for white text, ensuring readability in financial or legal dashboards. Because it is slightly muted, understanding how to make gray provides insight into mixing similar desaturated hues. The hex code #14658d works best as a main background or primary branding color.
Questions about #14658d
What is #14658d in RGB, HSL and CMYK?
In RGB, #14658d is rgb(20, 101, 141), in HSL hsl(200, 75%, 32%) and in CMYK 86%, 28%, 0%, 45%. Browse more shades of blue with names and hex codes.
How does #14658d work in professional UI design?
The #14658d hex color acts as a reliable, serious foundation for financial or legal dashboard interfaces because its unsaturated nature prevents visual fatigue. Its deep cool tone ensures high readability when paired with white text, maintaining clarity even on complex, data-heavy screens.
What color palettes complement #14658d?
You can balance the seriousness of #14658d by pairing it with warm beige or soft creams to neutralize the intensity. For a more modern, tech-focused look, use it alongside a sharp light gray to maintain focus on data and structural elements.
Is #14658d readable on white or black?
#14658d has a 6.41:1 contrast ratio on white and 3.27: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.