#303526 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted green borders on grey, creating a serious and dusty tone. Because it feels so matte and inky, #303526 works best as a moody background or a grounding element in high-contrast designs. It pairs well with crisp white text, as the 12.6:1 contrast ratio ensures perfect readability for body copy. Avoid using it in small UI details where its dim nature might lose definition.
Questions about #303526
What is #303526 in RGB, HSL and CMYK?
In RGB, #303526 is rgb(48, 53, 38), in HSL hsl(80, 16%, 18%) and in CMYK 9%, 0%, 28%, 79%.
What colors pair well with #303526 for a balanced interface?
Is #303526 suitable for small text or fine UI details?
Avoid using #303526 for fine lines or small UI elements because its dim, ink-like nature can lose definition on screens. Stick to large typography or full-bleed background blocks where its deep, grey-green character has enough surface area to remain legible.
Is #303526 readable on white or black?
#303526 has a 12.62:1 contrast ratio on white and 1.66: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.