Event Colors


The Event Colors field well allows you to bind a column or a measure containing color values to the Events.

When a valid color is provided, Calendar Pro uses it for the event background in the calendar. If a row does not provide a valid color, the visual uses the default event color configured in the Events > Color option.

Color values can be in any valid CSS color format, such as hex, RGB, or color names:

  • Named colors: e.g., rebeccapurple, aliceblue
  • RGB Hexadecimal: e.g., #f09, #ff0099
  • RGB (Red, Green, Blue): e.g., rgb(255 0 153), rgb(255 0 153 / 80%)
  • HSL (Hue, Saturation, Lightness): e.g., hsl(150 30% 60%), hsl(150 30% 60% / 80%)
  • HSLA (Hue, Saturation, Lightness, Alpha): e.g., hsla(150 30% 60% / 80%)
Last update: Apr 13, 2026