If you stare at this screen for too long, it might start to feel a little bit like staring at the sun. That’s because Hyper Red is our high-energy red color that we use when only bright red will do. It’s loud, assertive, and impossible to ignore.
This is how to style standard menu items with this color. Top headings use our subtle color while main menu items are in our high contrast color.
Every color has four color options for linework. Use these colors (and linework in general) to create structure, and do it intentionally.
Captions should be small and subtle. For Hyper Red, use (variable not found). This allows the caption to be visible, but avoids making it a domineering element.
If you need a colorful intro for Hyper Red using our serif font, Freight, use #59180c.
Our “standard” text color for Hyper Red is #ffffff. Unless you need a colorful, high contrast, or subtle block of text in your layout, this is the color you should use.
Our contrast color is always True Black or True White. Our “contrast” text color in this case is #ffffff. Use it in good health.
Sometimes you might want to use a subtle color with Hyper Red as a way of including a soft note, quiet quote, or something different. Use #59180c.
The Standard Button uses colors specifically designed for Hyper Red. The Transparent Button allows the color to come through. The Contrast Button makes the button as visible as possible. The Hyper Red Button is for use elsewhere.
When you need a shade that is a touch lighter or darker than Hyper Red, use one of the two shades below.
We think this is the closest match to Hyper Red in the Prisma Color Market collection.
If you’re looking for Hyper Red in a color wheel, go with one of the following options from the Pantone and Benjamin Moore color wheels.
This is the full list of hex codes used on this page. Drag and copy any hex code that you need.