#343336 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, ashy grey feels grounded and remarkably serious. The hex code #343336 serves well as a base for moody UI backgrounds or minimalist text because white type stands out clearly against its muted depth. While many designers wonder about mixing black, this specific shade provides a stable, professional alternative that avoids the harshness of pure black.
Questions about #343336
What is #343336 in RGB, HSL and CMYK?
In RGB, #343336 is rgb(52, 51, 54), in HSL hsl(260, 3%, 21%) and in CMYK 4%, 6%, 0%, 79%.
Is #343336 a good alternative to pure black for website text?
#343336 is an excellent choice for body text because it softens the visual tension often caused by absolute black. This ashy grey maintains high readability while appearing more sophisticated and less harsh on screens during long reading sessions.
What colors pair well with #343336 in a UI design?
This color acts as a neutral anchor and works best when paired with crisp white or off-white backgrounds to maximize contrast. For accent colors, it creates a balanced look when combined with muted tones like sage or soft terracotta.
Is #343336 readable on white or black?
#343336 has a 12.55:1 contrast ratio on white and 1.67: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.