#302E23 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#302e23 is a dark, desaturated olive with significant grey undertones. It creates a moody, serious base for dark mode interfaces or high-contrast branding. Pair this heavy, dusty tone with muted oranges or soft creams to avoid it feeling too muddy. The hex code #302e23 offers excellent accessibility, as white text stands out clearly against its dark surface.
Questions about #302e23
What is #302e23 in RGB, HSL and CMYK?
In RGB, #302e23 is rgb(48, 46, 35), in HSL hsl(51, 16%, 16%) and in CMYK 0%, 4%, 27%, 81%.
What colors pair well with #302e23 in a design layout?
#302e23 works best when balanced with soft, warmer tones to prevent the palette from feeling too heavy or muddy. Try pairing this dark olive with creamy white for readable text or muted orange to add a subtle, sophisticated pop of color.
Is #302e23 a good choice for dark mode UI backgrounds?
Yes, #302e23 provides an excellent alternative to pure black or dark charcoal, offering a warmer, organic feel while maintaining high accessibility. Its significant grey undertones ensure that white or light-colored interface text remains legible and sharp against the background.
Is #302e23 readable on white or black?
#302e23 has a 13.62:1 contrast ratio on white and 1.54: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.