#303337 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted charcoal functions as a sophisticated alternative to pure black. Because it lacks harsh intensity, #303337 provides a stable, professional backdrop for UI design and modern interfaces. It pairs effectively with white text, which pops against its low-chroma surface with excellent legibility. If you need to understand the nuances of mixing black, this hex code serves as a prime example of an off-black neutral.
Questions about #303337
What is #303337 in RGB, HSL and CMYK?
In RGB, #303337 is rgb(48, 51, 55), in HSL hsl(214, 7%, 20%) and in CMYK 13%, 7%, 0%, 78%.
Is #303337 a good substitute for pure black in UI design?
#303337 serves as an excellent alternative to pure black because it reduces eye strain and harsh visual contrast on screens. It retains the professional weight of black while appearing softer and more natural within modern digital interfaces.
What colors pair best with the #303337 charcoal shade?
#303337 pairs beautifully with crisp whites or very light grays to ensure high legibility in text layouts. For an elegant accent, combine this deep charcoal with muted dusty rose or a sharp electric blue to create a striking, balanced visual contrast.
Is #303337 readable on white or black?
#303337 has a 12.69:1 contrast ratio on white and 1.65: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.