#333F58 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries a heavy, inky weight that avoids the sharpness of traditional navy. With its low saturation and matte finish, the hex code #333f58 works best as a dark, reliable background for serious tech or financial interfaces. It offers high contrast with white text, providing readability while maintaining a calm, understated presence that anchors a design palette.
Questions about #333f58
What is #333f58 in RGB, HSL and CMYK?
In RGB, #333f58 is rgb(51, 63, 88), in HSL hsl(221, 27%, 27%) and in CMYK 42%, 28%, 0%, 65%.
Is #333f58 suitable for UI design?
#333f58 provides excellent readability when paired with white or light-toned typography due to its dark, heavy saturation. It acts as an effective anchor color for dashboards and professional web applications where visual clarity and minimal eye strain are critical.
Which colors pair best with #333f58?
This muted blue pairs naturally with crisp whites, warm grays, or soft creams to balance its cool, inky undertones. Because it lacks high saturation, it also serves as a sophisticated base when accented by burnt orange or mustard yellow for subtle contrast.
Is #333f58 readable on white or black?
#333f58 has a 10.53:1 contrast ratio on white and 1.99: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.