#333247 Hex Color

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

Hex color #333247 graphic
#333247 is an inky, desaturated violet with strong gray undertones. Because it is so muted and dark, it functions best as a sophisticated base for dark mode interfaces rather than a bright accent. Pair this hex code with soft whites to ensure high legibility, or use it alongside warm, metallic golds for a luxurious, moody effect that avoids looking muddy.

Questions about #333247

What is #333247 in RGB, HSL and CMYK?
In RGB, #333247 is rgb(51, 50, 71), in HSL hsl(243, 17%, 24%) and in CMYK 28%, 30%, 0%, 72%.
What colors pair well with #333247 in a design palette?
This deep violet works best alongside crisp whites or soft creams to ensure high readability in interface design. For a more luxurious, metallic finish, pair #333247 with warm brass or muted gold accents to create a rich, balanced visual hierarchy without appearing muddy.
Is #333247 suitable for dark mode website backgrounds?
Yes, #333247 serves as an excellent, sophisticated alternative to standard black or dark gray backgrounds. Its subtle violet undertone provides depth and character while remaining neutral enough to keep UI elements, icons, and typography clearly visible against the dark backdrop.
Is #333247 readable on white or black?
#333247 has a 12.44:1 contrast ratio on white and 1.68: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.