# Error colour: what it is and how it works · Zorraquino
> The error colour is the colour a design system reserves to signal errors, such as invalid input in a form.
URL: https://www.zorraquino.com/en/dictionary/internet/error-color.html

# Error colour

The error colour is the colour a design system reserves to signal errors, such as invalid input in a form field or an action that could not be completed

What it means, how it is used and where it comes up, with its related concepts.

[The whole glossary](https://www.zorraquino.com/en/dictionary)

## What it is and how it works

It is usually a shade of red applied to borders, icons and helper text. Material Design defines it as one of its colour roles; in its 2018 version the baseline value was #B00020, while Material 3 generates it within a tonal palette with variants for light and dark backgrounds.

For accessibility, errors should not be conveyed by colour alone: they need text explaining what went wrong and how to fix it, plus an icon where helpful, and sufficient contrast with the background.

Also known as

error color

Topics

[Technology and data](https://www.zorraquino.com/en/dictionary/category/tecnologia-y-datos)

## Related concepts

- [Primary colour](https://www.zorraquino.com/en/dictionary/ux/primary-color.html)
- [Design system](https://www.zorraquino.com/en/dictionary/digital-marketing/design-system.html)
- [Digital accessibility](https://www.zorraquino.com/en/dictionary/digital-accessibility)