Rich Black
#004040
Deepest cool teal for contrast-heavy blue UI backdrops
About Rich Black
Rich Black looks like the moment a dark teal ink has soaked into paper. On a monitor it reads as nearly black at a glance, but up close you can see the blue underneath. It's cooler and cleaner than Botanical Night, which carries a more neutral, slightly warmed bias. And it stays more disciplined than Emerald Forest, where the green lean starts to show. Compared to Elite Teal, it dials back the extra teal brightness and keeps the saturation tighter, so it feels heavier rather than louder.
I reach for it in dashboards and finance apps where you need a dark canvas that won't drift toward gray or go harshly cold. It's great for account pages, table headers, and dense UI sections in fintech and logistics portals, especially when you want the one you reach for as your primary background or the darkest state color. White type pops cleanly, and secondary blues stay legible.
Quick pairing note: keep it away from warm browns or dusty mauves, because the cool undertone will make those look off. Pair with cool grays and crisp cyans, and it behaves.
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.