Cranberry

#9e003a

A darker cranberry red, cool and precise

Save
Share

About Cranberry

Cranberry is what happens when you pull a true red slightly darker and let it sit there without any purple creeping in sideways. It's got the committed saturation of but stays warmer and less punishing, there's actual heat in it instead of that flat maroon density. It's also nothing like , which leans into aggressive urgency; Cranberry reads as intentional rather than alarming.

Use this in healthcare dashboards, financial platforms, and security alerts where you need a color that says "pay attention" without making the interface feel hostile. Critical status indicators, confirmation modals for important actions, live alerts that need to hold their own against busy backgrounds. It works particularly well on dark surfaces, where the warmth keeps it from feeling cold or sterile. Against lighter neutrals it stays grounded, doesn't shift pink, doesn't apologize.

The real difference: this one feels deliberate rather than severe. Pair it near warm grays and it'll stay confident instead of creating tension. That warmth is what separates it from everything darker in this cluster, it's the red that still feels like it's on your side.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
8.35:1AAA

On Gray 100 #f5f5f5

Aa
7.66:1AAA

On Gray 900 #18181b

Aa
2.12:1Fail

On Black #000000

Aa
2.51:1Fail

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Cranberry

Open the generator with this color pre-loaded.

Start creating