Design practice

HMI color and contrast: reserve attention for meaning

Use luminance, contrast, labels, and restrained color to keep normal operation calm and abnormal conditions visible.
Reading time
7 min
Reviewed
2026-08-09
Affected packs
High Performance P&ID, Animated

Color is a limited attention budget

If every pipe, vessel, and button is saturated, color stops being a signal. Use neutral surfaces for stable context and introduce stronger contrast when a condition changes the operator's priorities.

Never rely on hue alone. Status text, geometry, icons, patterns, and sufficient luminance contrast keep information usable for more people and under poor viewing conditions.

Ask what the treatment communicates

TreatmentGood useRisk
Neutral bodyNormal equipment contextToo little contrast can erase boundaries.
Focused accentSelected item, mode, or active flowMultiple unrelated meanings create confusion.
Alarm emphasisCondition requiring awareness or actionPermanent saturation produces fatigue.
MotionProcess direction or changing state when necessaryDecorative animation distracts and can impair access.

Sources and boundaries

KonnectSymbols is independently developed and is not endorsed by ISA, IEC, or ISO. These educational notes do not reproduce or replace current standards, project specifications, regulations, or an approved project legend.

  • ISA-101 Human-Machine InterfacesInternational Society of Automation. Official publisher page for the ISA-101 series. The full standard requires publisher access.