#282828 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors

Dire Wolf is a deep, charcoal grey that serves as a sophisticated alternative to pure black. This neutral shade creates a stable base for modern dark-mode interfaces. Because white text achieves a high 14.7:1 contrast ratio against it, #282828 remains readable for small body copy. Designers often pair it with soft pastels to balance the moody, understated character of this hex code.
About Dire Wolf
Charcoal gone cold, a door left open to winter
What does dire wolf mean?
People often read dark neutrals like this one as serious, practical, and reserved, since it carries no color to suggest a mood. With almost no light and zero saturation, it feels heavy and closed off, like a room an hour after the lamps go out.
Where you see dire wolf
- cast iron skillets
- slate roof tiles
- pencil graphite smeared on paper
- storm clouds at dusk
- worn asphalt
- charred wood
What it works for
It works as a near black for text backgrounds, dark interfaces, shadows, and outlines where true black would feel too harsh.
What colors go with dire wolf?
Burnt Sienna #a93400The warm rust tone cuts through the cold grey without fighting its darkness.Sage #9caf88Muted green keeps the pairing quiet while giving the grey something to lean against.Mustard #ffdb58A sharp yellow pop reads clearly against a base this dark and neutral.Dusty Rose #b56f76Soft pink warms the grey and stops the pair from feeling grim.Bone #e0d7c6The pale neutral gives strong contrast while keeping the whole palette desaturated.Teal #008080Deep blue green sits close in value but adds the hue this grey lacks.
Questions about Dire Wolf
What is the hex code for Dire Wolf?
Dire Wolf is #282828. In RGB that is rgb(40, 40, 40), in HSL hsl(0, 0%, 16%) and in CMYK 0%, 0%, 0%, 84%.
Why use #282828 instead of pure black?
Using #282828 provides a more natural, sophisticated depth that feels less harsh on screens than pure black. It maintains a high contrast ratio for text while allowing for softer, more comfortable visual layering in dark-themed UI components.
Is Dire Wolf readable on white or black?
Dire Wolf has a 14.74:1 contrast ratio on white and 1.42: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.