As the AVUTEC style is clean with rendered images as the base, AVUTEC white and AVUTEC light grey are the main colors to use to create content elements. AVUTEC orange and AVUTEC dark grey are used as accent colors. Always try to use one main color per element and use the accent colors to add highlights.

AVUTEC color palette content blocks

AVUTEC white

AVUTEC light grey

AVUTEC orange

AVUTEC near black

AVUTEC color palette text

AVUTEC grey

AVUTEC mid grey

AVUTEC dark grey

AVUTEC orange

AVUTEC white

Color palette specifications and usage

AVUTEC white

AVUTEC light grey

CMYK: 0% – 0% – 0% – 0%
RGB: 255 – 255 – 255
HEX: #FFFFFF

Primary color

Main background color.
Text color when background is AVUTEC orange or AVUTEC near black

CMYK: 7% – 5% – 6% – 0%
RGB: 233 – 233 – 233
HEX: #E9E9E9

Primary secondary color

AVUTEC light grey color is used as a background of content blocks.
Used text color is AVUTEC grey

AVUTEC orange

AVUTEC near black

CMYK: 0% – 71% – 98% – 0%
RGB: 243 – 109 – 33
HEX: #F36D21

Main accent color

Main spot color.
Used for subheaders, seperator lines and as a background of the AVUTEC logo and accentuated content blocks.
Always in combination with AVUTEC white text.

CMYK: 78% – 68% – 59% – 70%
RGB: 29 – 34 – 40
HEX: #1D2228

Accent color

Used as background of accentuated content blocks.
Combined with AVUTEC white text and AVUTEC orange headers.

AVUTEC grey

AVUTEC dark grey

CMYK: 65% – 57% – 56% – 35%
RGB: 80 – 80 – 80
HEX: #505050

Primary text color

Main paragraph text color used on AVUTEC white and AVUTEC light grey backgrounds

CMYK: 69% – 63% – 62% – 58%
RGB: 51 – 51 – 51
HEX: #333333

Secondary text color

Text color used for headings.

AVUTEC mid grey

CMYK: 52% – 43% – 43% – 8%
RGB: 128 – 128 – 128
HEX: #808080

Primary text color

Color of introduction text used on AVUTEC white background