Encarnado
A high-saturation red demanding immediate attention
Encarnado is a high-saturation, beaming red that demands immediate attention. This intense hue works best as a 10% accent color for calls to action or urgent alerts rather than a full-page background. Because it is so loud, pair it with muted neutrals to keep designs grounded. Black text provides excellent readability against the hex code #fd0202, easily meeting accessibility standards for small body text.
About Encarnado
A fire truck siren you can see from the next block
What does encarnado mean?
Red often signals urgency, passion, danger, and appetite, which is why it shows up on stop signs, sale tags, and warning labels. Near maximum saturation and very high brightness make this red feel loud and immediate, the first thing the eye lands on.
Where you see encarnado
- stop signs
- fire hydrants
- ripe tomatoes
- maraschino cherries
- boxing gloves
- emergency exit signs
What it works for
Use it for call to action buttons, sale badges, sports logos, and packaging that needs attention from across the aisle.
What colors go with encarnado?
Forest Green #154406A dark cool green balances the heat without fighting the red for attention.Cream #fffdd0Near white gives the red room to glow instead of overwhelming the page.Charcoal #36454fDeep gray lowers the volume and lets the red read as deliberate.Mustard #ffdb58Two saturated warm hues sit close together and hum without clashing.
Questions about Encarnado
What is the hex code for Encarnado?
Encarnado is #fd0202. In RGB that is rgb(253, 2, 2), in HSL hsl(0, 98%, 50%) and in CMYK 0%, 99%, 99%, 1%.
How should I use Encarnado #fd0202 in a user interface?
Encarnado #fd0202 is best reserved for high-priority UI elements like call-to-action buttons, error alerts, or notification badges. Because this red is so visually stimulating, keep it limited to ten percent of your total screen real estate to prevent viewer fatigue.
Is Encarnado readable on white or black?
Encarnado has a 4.04:1 contrast ratio on white and 5.18: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.