The New Black

A high-intensity orange that demands attention

The New Black color codes graphic
This high-intensity orange commands attention with its saturated, luminous profile. Because it is so aggressive, it works best as a 10% accent rather than a dominant background. Pair it with deep charcoal or navy to ground its blinding energy. The hex code #ff8400 offers enough contrast to support black text, making it a functional choice for alerts and calls to action.

About The New Black

Marigold petals crushed between warm fingers

What does the new black mean?

This shade of orange often signals energy, caution, harvest, and warmth, and it commonly marks construction signs and safety gear. Its high saturation and mid lightness make it feel loud and beaming, a warm color that pushes forward and fills space.

Where you see the new black

  • tangerine peels
  • monarch butterfly wings
  • marigolds
  • traffic cones
  • basketballs
  • campfire coals

What it works for

This bold orange works for call-to-action buttons, sports branding, food packaging, and any design that needs instant attention.

What colors go with the new black?

Questions about The New Black

What is the hex code for The New Black?
The New Black is #ff8400. In RGB that is rgb(255, 132, 0), in HSL hsl(31, 100%, 50%) and in CMYK 0%, 48%, 100%, 0%.
How can I effectively use #ff8400 in a design layout?
This aggressive orange serves best as a 10% accent rather than a dominant background color. Use #ff8400 sparingly for call-to-action buttons or status alerts where you need to draw the eye immediately without overwhelming the viewer's visual hierarchy.
Which colors balance the intensity of #ff8400?
To ground the blinding energy of this orange, pair it with deep, neutral tones like charcoal or navy. These darker colors provide the necessary contrast to make the vibrancy of #ff8400 pop while keeping your overall design readable and professional.
Is The New Black readable on white or black?
The New Black has a 2.45:1 contrast ratio on white and 8.55:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.