#2D2D30 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, stony grey sits on the edge of black with minimal chroma. Because white text maintains a 13.7:1 contrast ratio against it, it serves as a superior choice for dark mode UI backgrounds compared to absolute black. Designers rely on this hex code, #2d2d30, to anchor professional interfaces. It provides stability without the harsh, absorbing intensity of a standard black background.
Questions about #2d2d30
What is #2d2d30 in RGB, HSL and CMYK?
In RGB, #2d2d30 is rgb(45, 45, 48), in HSL hsl(240, 3%, 18%) and in CMYK 6%, 6%, 0%, 81%.
Why use #2d2d30 instead of pure black for UI backgrounds?
#2d2d30 serves as a superior dark mode alternative because it reduces eye strain while maintaining a high contrast ratio for readability. Pure black backgrounds often feel too intense or high-contrast, whereas this stony grey creates a softer, more professional visual anchor.
What colors pair well with #2d2d30 in a design system?
This dark grey pairs effectively with muted, cool-toned accents like steel blue or soft slate to maintain a modern aesthetic. For higher energy, vibrant pops of electric yellow create a sharp, legible contrast against this deep, neutral base.
Is #2d2d30 readable on white or black?
#2d2d30 has a 13.72:1 contrast ratio on white and 1.52: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.