{"id":31465,"date":"2026-06-10T06:35:04","date_gmt":"2026-06-10T06:35:04","guid":{"rendered":"https:\/\/duisport.de\/?page_id=31465"},"modified":"2026-08-13T08:37:19","modified_gmt":"2026-08-13T08:37:19","slug":"farben","status":"publish","type":"page","link":"https:\/\/duisport.de\/en\/brandboard-2\/farben\/","title":{"rendered":"Colors"},"content":{"rendered":"\n
\n\t
\n\t\t\t\t\t
\n\t\t\t\t

Colors<\/h1>\n

 <\/p>\n

The Role and Application of Color Schemes<\/span><\/h3>\n

The color palette is a defining element of duisport. It is bold, vibrant, and eye-catching, ensuring a consistent, recognizable look across all media.<\/p>\n

The defined color references must be used consistently when designing print and digital applications.<\/p>\n

RGB<\/span> <\/strong>is used for all digital applications, such as websites, presentations, online banners, and social media.<\/p>\n

HEX<\/span> <\/strong>are simplified representations of RGB values and are used in web development and coding.<\/p>\n

CMYK<\/span> <\/strong>is the standard for all printing applications. The color values ensure reliable and cost-effective reproduction of brand colors in print. Compared to digital displays and Pantone colors, the colors appear less vibrant.<\/p>\n

Pantone<\/span> <\/strong>is the industry standard for highly accurate color reproduction in print. Whenever possible, Pantone colors should be used, as they achieve a level of brightness comparable to that of RGB colors. However, Pantone is not mandatory for standard print productions.<\/p>\n\t\t\t<\/div>\n\t\t\n\t\t\t<\/div>\n<\/section>\n\n\n\n

\n\t
\n\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tPrimary color\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

Electric Blue is duisport\u2019s primary brand color. It symbolizes clarity, precision, and digital strength, and plays a key role in shaping the brand\u2019s visual identity. This shade should be used as the primary color across all media.<\/p>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tSecondary color\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

Bright Blue is duisport\u2019s secondary color. It complements Electric Blue and reinforces the brand\u2019s impact by creating additional contrasts. This shade is used across all media to complement the primary color and is subordinate to it.<\/p>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tTertiary color\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

Midnight Blue is used primarily when a calm, understated effect is desired\u2014for example, at high-end events such as galas.<\/p>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tAccent color\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

The five accent colors are used sparingly on smaller elements such as charts, icons, or highlights. In HR and social media contexts, they may be used more extensively, but they account for no more than 20\u201330% of the layout and take a back seat to the primary, secondary, and tertiary colors.<\/p>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n\n
\n\t
\n\t\t\t\t\t
\n\t\t\t\t

Text and Background Colors at a Glance<\/span><\/h3>\n

Which text color can be used on which background? This table provides guidance on the correct combination of text and background colors. It helps ensure that the design guidelines are applied correctly and that content remains clearly legible at all times with sufficient contrast.<\/p>\n

Black 3% and Bright Blue 10% expand the design possibilities within the duisport color palette by adding subtle, calm backgrounds that are suitable, for example, for subtly delineating white areas.<\/p>\n\t\t\t<\/div>\n\t\t\n\t\t\t<\/div>\n<\/section>\n\n\n\n

\n\t
\n\t\t\t\t\t\"\"\t\t\t<\/div>\n<\/section>\n\n\n\n
\n\t
\n\t\t\t\t\t
\n\t\t\t\t

Use of the Color Gradient<\/span><\/h3>\n

The gradient is a complementary design element within the duisport color palette. It combines Bright Blue and Electric Blue into a dynamic color field and is used, for example, over large areas for backgrounds or buttons.<\/p>\n

The diagonal gradient starts at 100% Bright Blue and transitions smoothly to 100% Electric Blue. A guideline of 20 to 30% marks the transition point between the two colors, ensuring that Electric Blue always remains the primary color in the gradient.<\/p>\n

The gradient is diagonal. It typically runs at a 45-degree angle from one side of the frame to the opposite side. The starting point of the gradient is flexible; what matters is the diagonal orientation. In narrow or unusual formats, the angle can be adjusted as long as the character of the gradient is preserved.<\/p>\n\t\t\t<\/div>\n\t\t\n\t\t\t<\/div>\n<\/section>\n\n\n\n

\n\t
\n\t\t\t\t\t\"\"\t\t\t<\/div>\n<\/section>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":31786,"parent":31478,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-31465","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/duisport.de\/en\/wp-json\/wp\/v2\/pages\/31465","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/duisport.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/duisport.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/duisport.de\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/duisport.de\/en\/wp-json\/wp\/v2\/comments?post=31465"}],"version-history":[{"count":4,"href":"https:\/\/duisport.de\/en\/wp-json\/wp\/v2\/pages\/31465\/revisions"}],"predecessor-version":[{"id":32095,"href":"https:\/\/duisport.de\/en\/wp-json\/wp\/v2\/pages\/31465\/revisions\/32095"}],"up":[{"embeddable":true,"href":"https:\/\/duisport.de\/en\/wp-json\/wp\/v2\/pages\/31478"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/duisport.de\/en\/wp-json\/wp\/v2\/media\/31786"}],"wp:attachment":[{"href":"https:\/\/duisport.de\/en\/wp-json\/wp\/v2\/media?parent=31465"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}