#302B24 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#302b24 is a dark brown so muted it borders on charcoal, with a faint warm undertone that keeps it from reading cold. It works best as a dominant base in dark mode UI or moody branding, where its low lightness lets white text sit comfortably on top at about 14:1 contrast. Pair it with terracotta or aged brass for warmth, or cream for a softer vintage feel.
Questions about #302b24
What is #302b24 in RGB, HSL and CMYK?
In RGB, #302b24 is rgb(48, 43, 36), in HSL hsl(35, 14%, 16%) and in CMYK 0%, 10%, 25%, 81%.
What colors pair well with #302b24?
#302b24 pairs well with terracotta, aged brass, and warm creams, which lift its ashy undertone without clashing. For cooler contrast, try a muted sage, though keep the pairing low-saturation to match its muted character.
Is #302b24 a warm or cool color?
#302b24 reads warm, but barely. Its heavy gray content dulls the brown base, so it sits close to neutral and only shows its warmth when placed beside genuinely cool colors like slate or blue-gray.
Can you use white text on #302b24?
Yes. White text on #302b24 reaches about 14.0:1 contrast, well above the 4.5:1 that WCAG AA requires for body text. This makes the color a safe background for small type in dark interfaces.
Is #302b24 readable on white or black?
#302b24 has a 14.03:1 contrast ratio on white and 1.49: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.