#303542 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy blue acts as a sophisticated alternative to pure black or charcoal. Because #303542 is so desaturated and dark, it provides a stable, serious backdrop for UI design and technology branding. White text is highly readable against this hex code, making it an excellent choice for interface backgrounds. Pair it with soft cream or muted terracotta to soften its stark, professional edge.
Questions about #303542
What is #303542 in RGB, HSL and CMYK?
In RGB, #303542 is rgb(48, 53, 66), in HSL hsl(223, 16%, 22%) and in CMYK 27%, 20%, 0%, 74%.
How should I use #303542 in UI design?
#303542 works best as a primary background or a subtle accent for text-heavy interfaces where pure black feels too harsh. It provides a stable, serious foundation that enhances readability when paired with high-contrast, off-white typography.
What colors pair well with #303542?
This ashy blue pairs naturally with soft creams, muted terracottas, or desaturated ochre to create a sophisticated, balanced palette. These warm neutrals counteract the coolness of #303542, preventing the overall design from feeling too cold or sterile.
Is #303542 readable on white or black?
#303542 has a 12.25:1 contrast ratio on white and 1.71: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.