A study in red
Material Red 500
#F44336
- Family
- Red
- L
- 0.643
- C
- 0.215
- H
- 29°
Notes
Material Red 500 is the primary destructive and error color in Material Design 2. The hex was tuned to pass WCAG AA against white text at standard button sizes while still feeling urgent, and it became the conventional red for irreversible action buttons in 2010s app design. For non-Material designs it can feel slightly orange-leaning compared to newer OKLCH-tuned reds. Body text contrast against white passes AA at body sizes; AAA holds at headline sizes only. Material 3 generates error reds from a dynamic tonal palette rather than fixing them, so this exact value now lives mostly in legacy Android apps and older Material 2 design systems.
Palette built around Material Red 500
Related colors
Frequently asked questions
What is Material Red 500?
Material Red 500 is the primary destructive and error color in Material Design 2. The hex was tuned to pass WCAG AA against white text at standard button sizes while still feeling urgent, and it became the conventional red for irreversible action buttons in 2010s app design. Its hex code is #F44336.
What are the tints and shades of Material Red 500?
uishades builds an 11-step OKLCH ramp for Material Red 500 (#F44336) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.
What colors pair well with Material Red 500?
Its complementary color is #00A1B7. Triadic partners are #00AE35 and #597EFF; analogous neighbours are #D76B00 and #EC3F8A.
What are the OKLCH and RGB values of Material Red 500?
Material Red 500 is #F44336 - OKLCH 0.643 0.215 29°, rgb(244 67 54), in the red family.