3AM Breakup

#330404

Near-black wine brown with smoky orange undertone

Save
Share

About 3AM Breakup

3AM Breakup is darker than it looks at first, almost black until you tilt it toward light and realize you're staring at something that's still orange underneath, just barely. It's the color of ash mixed with old brick, not a brown that's decided what it wants to be. Unlike Burned's hostile restraint or 's confident depth, this one feels caught in the moment, caught between warm and nearly gone.

Use it in dark packaging and moody product photography where you need a color that reads as depth but still holds onto a whisper of warmth, cosmetics, spirits, tech products that don't want to feel cold. It works harder than the other darks here because it straddles that line: substantial enough to command space, but unsettled enough to feel like a choice rather than just "going darker." Against white it holds its own. Against cream or warm stock it'll shift warmer, which might be the point.

Keep it tight against black, charcoal, or white. On natural paper it can flatten, so if you're using it there you're committing to that flatness. It's not flexible like some of the family, there's no coziness to fall back on.

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
18.11:1AAA

On Gray 100 #f5f5f5

Aa
16.61:1AAA

On Gray 900 #18181b

Aa
1.02:1Fail

On Black #000000

Aa
1.16: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 3AM Breakup

Open the generator with this color pre-loaded.

Start creating