#303533 Hex Color

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

Hex color #303533 graphic
This dark, muted grey brings a serious and grounded quality to professional designs. With its deep, nearly colorless saturation, #303533 functions as a stable base for modern UI or typography. It offers strong contrast against white text, making it a functional choice for clean, readable layouts. While it risks looking muddy at large sizes, it remains a reliable alternative to pure black in minimalist branding.

Questions about #303533

What is #303533 in RGB, HSL and CMYK?
In RGB, #303533 is rgb(48, 53, 51), in HSL hsl(156, 5%, 20%) and in CMYK 9%, 0%, 4%, 79%. Browse more shades of black with names and hex codes.
When should I use #303533 instead of pure black?
Use #303533 when you need a softer, more natural appearance in professional UI designs. Because it contains subtle green undertones, it feels less harsh than pure black on white backgrounds, reducing eye strain while maintaining strong readability and professional structure.
What colors pair well with the #303533 hex code?
#303533 works best when contrasted with crisp, off-white shades or soft creams to highlight its muted character. For a balanced, sophisticated palette, pair it with muted sage or light stone tones to maintain a calm and cohesive aesthetic.
Is #303533 readable on white or black?
#303533 has a 12.47: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.