Danger
An aggressive high-saturation red for urgency
Danger is an aggressive, high-saturation red that demands immediate attention. Use it sparingly as a 10% accent for calls to action or error states rather than a dominant background. The hex code #ff0e0e pairs well with dark charcoal grays for better visual balance. Black text remains perfectly readable against it, meeting WCAG AA accessibility standards for small body text.
About Danger
Cherry bomb about to crack on white porcelain
What does danger mean?
People often read a strong red like this as danger, urgency, or passion, which is why warnings and sale tags lean on it. With almost no gray and full saturation, this red feels loud and forward, arriving before anything else on the page.
Where you see danger
- stop signs
- fire trucks
- ripe tomatoes
- cherry candy
- emergency exit lights
- boxing gloves
What it works for
Use it for alerts, error states, and call-to-action buttons where the whole point is to get clicked fast.
What colors go with danger?
Mint #98ff98Cool mint pulls the heat down and gives this red room to breathe.Charcoal #36454fNear-black charcoal frames the red so it reads as bold instead of messy.Teal #008080Teal sits across the color wheel, so the pair snaps with hard contrast.Cream #fffdd0Soft cream keeps things warm without letting the red flood the whole design.Mustard #ffdb58Mustard adds a warm second voice so the red is not shouting alone.
Questions about Danger
What is the hex code for Danger?
Danger is #ff0e0e. In RGB that is rgb(255, 14, 14), in HSL hsl(0, 100%, 53%) and in CMYK 0%, 95%, 95%, 0%.
How should I use Danger #ff0e0e in web design?
Use Danger #ff0e0e sparingly as a 10% accent color to highlight critical call-to-action buttons or error states. It is too visually intense for large backgrounds and performs best when contrasted against neutral charcoal or dark gray elements to maintain visual balance.
Is Danger readable on white or black?
Danger has a 3.94:1 contrast ratio on white and 5.32:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.