Knight Rider
#0f0707
Moody warm-black gray for cinematic UI blocks
About Knight Rider
Knight Rider looks like a bruised, near-black wall under dim bulbs. It's not trying to vanish like Black Sheep, and it doesn't carry that espresso warmth you get from Italian Roast. Instead, it lands as a deep gray with a very low-key reddish undertone that keeps it from feeling clean or purely technical.
Compared with Asphalt, which stays confidently cool and neutral, this shade leans slightly warmer at the edge of gray, so surfaces feel less like a void and more like stained shadow. I use it for dark video player chrome, console-like control panels, and analytics UIs where you want depth without turning the background brown. It also holds up in dark documentation layouts and long-form reading rails, where pure black can feel too aggressive.
Pair it with flatter neutrals for hierarchy; with high-contrast cool grays it can read heavier and a bit moody, so keep accents intentional and don't mix too many temperature shifts.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.