#172F43 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, desaturated slate blue carries a serious, grounded weight. Because #172f43 is quite dim, it works best as a primary background for high-contrast digital interfaces where white text ensures readability. Avoid using it for fine details or small lines, as the heavy, dusty undertones can cause it to appear muddy. Pair it with soft cream or warm metallics to balance its inherent coolness.
Questions about #172f43
What is #172f43 in RGB, HSL and CMYK?
In RGB, #172f43 is rgb(23, 47, 67), in HSL hsl(207, 49%, 18%) and in CMYK 66%, 30%, 0%, 74%. Browse more shades of blue with names and hex codes.
How do I best use #172f43 in a UI design?
Use #172f43 primarily as a deep background color because its intensity requires high-contrast foregrounds like white or light cream to maintain legibility. Avoid using this dark, dusty tone for fine lines or small text, as it can appear muddy and lose detail at small sizes.
What colors complement #172f43?
Pair #172f43 with warm metallics or soft, neutral creams to balance its inherent, cool slate undertones. These lighter elements create a sophisticated, grounded aesthetic that prevents the overall composition from appearing too cold or overly dark in high-contrast digital layouts.
Is #172f43 readable on white or black?
#172f43 has a 13.77:1 contrast ratio on white and 1.52: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.