Methadone
#cc2233
Darker, medic orange-red for steady status blocks
About Methadone
The first thing I notice about Methadone is that it doesn't feel like a bright red. It lands closer to a heavy, medicine-bottle crimson with an orange pull, but it stays controlled. Compared to Cherry Sangria, it's less wine-dark and less "rich-warm," more straightforward and punchy. Versus Fireball, it's not as hot or smoky, and it avoids that flare-like urgency. And next to Cartoon Violence, it's calmer and less playful, more grown-up and intentional.
I use this shade for dose-and-detail UIs where you want a red that means business without screaming. Think healthcare dashboards, pharmacy or treatment workflow screens, and status labels in finance-like admin panels. It also works in orange-red CTAs inside dark cards, where the orange undertone keeps it from going flat. Pair it with warm neutrals or deep charcoals so the accent reads crisp, not noisy.
Quirk: on very white layouts it can look a touch clinical, so I usually soften the surrounding typography or give it a less stark background.
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.