{"id":2612,"date":"2026-02-27T15:13:32","date_gmt":"2026-02-27T15:13:32","guid":{"rendered":"https:\/\/markenportal.ruhr-uni-bochum.de\/corporate-design\/colors\/"},"modified":"2026-09-01T08:05:41","modified_gmt":"2026-09-01T08:05:41","slug":"colors","status":"publish","type":"page","link":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/corporate-design\/colors\/","title":{"rendered":"Colors"},"content":{"rendered":"\n
\n

Colors<\/h1>\n\n\n\n

RUB Blau (blue) is our primary color. We use it consistently throughout all our communications because it makes us instantly recognizable. In addition, we use complementary colors to make our visual identity more flexible and to create a friendlier and more diverse impression. <\/strong><\/p>\n\n\n\n

\n
Download Color Palette \u2193 <\/a><\/div>\n<\/div>\n<\/div>\n\n
\n
\n

At a Glance<\/h2>\n\n\n\n

Main Color<\/h3>\n\n\n\n

RUB Blau (blue) is the foundation of our visual identity. It shapes our communication and creates brand recognition. We rely on white space and a spacious design. We prefer to avoid gray areas. <\/p>\n<\/div>\n\n\n\n

\n
\n
\"\"
RUB Blau (blue)<\/strong>Hex #003560RGB (0, 53, 96)CMYK (100, 50, 0, 60)Pantone 540<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
White<\/strong>Hex #FFFFFFRGB (255, 255, 255)CMYK (0,0,0,0)<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n
\n
\n

Complementary Colors<\/h3>\n\n\n\n

In addition to RUB Blau (blue), we use complementary colors. These consist of six colors groups. Each colors. group includes a bold solid colors. and a corresponding lighter shade. <\/p>\n\n\n\n

No exclusive colors:<\/strong> We deliberately do not use colors. coding (e.g., orange to represent Faculty XY). Anyone can use the colors depending on the design context. <\/p>\n<\/div>\n\n\n\n

\n
\n
\"\"
RUB Hellblau 100 (light blue)<\/strong>Hex #66B3FBRGB (102, 179, 251)CMYK (60, 10, 0, 0)Pantone 2915<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
RUB Lila 100 (purple)<\/strong>Hex #BB97FFRGB (187, 151, 255)CMYK (45, 45, 0, 0)Pantone 2645<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
RUB Rosa 100 (rose)<\/strong>Hex #F878DCRGB (248, 120, 220)CMYK (10, 70, 0, 0)Pantone 2375<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"
RUB Hellblau 50 (light blue)<\/strong>Hex #DCEBFBRGB (220, 235, 251)CMYK (15, 0, 0, 0)Pantone 545<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
RUB Lila 50 (purple)<\/strong>Hex #E9DCFBRGB (233, 220, 251)CMYK (10, 15, 0, 0)Pantone 7444<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
RUB Rose 50 (rose)<\/strong>Hex #FBDCF6RGB (251, 220, 246)CMYK (0, 20, 0, 0)Pantone 7436<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"
RUB Orange 100 (orange)<\/strong>Hex #FF7C5FRGB (255, 124, 95)CMYK (0, 60, 60, 0)Pantone 2024<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
RUB Gelb 100 (yellow)<\/strong>Hex #FFDF41RGB (255, 223, 65)CMYK (0, 0, 80, 0)Pantone 115<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
RUB Gr\u00fcn 100 (green)<\/strong>Hex #37DE6FRGB (55, 222, 111)CMYK (60, 0, 70, 0)Pantone 7479<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"
RUB Orange 50 (orange)<\/strong>Hex #FFDDD6RGB (255, 221, 214)CMYK (0, 20, 15, 0)Pantone 489<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
RUB Gelb 50 (yellow)<\/strong>Hex #FFF3CDRGB (255, 243, 205)CMYK (0, 0, 25, 0)Pantone 7499<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
RUB Gr\u00fcn 50 (green)<\/strong>Hex #D3F7D4RGB (211, 247, 212)CMYK (20, 0, 25, 0)Pantone 566<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n

Important:<\/strong> RUB Orange and RUB Purple are not available in the PowerPoint template. These colors are not reliably reproduced by projectors. <\/p>\n\n

\n
\n

For Designers<\/h2>\n\n\n\n

One color group per medium (page \/ social media post) <\/h3>\n\n\n\n

The color group can be chosen freely, depending on your needs, theme, and the desired effect. For example, the light blue color scheme creates a calm, understated design, while orange and yellow have a more energizing effect. However, the colors can also be used freely at your own discretion. The important thing is that the overall effect remains diverse and vibrant. <\/p>\n\n\n\n

Important: We use only one color group per medium. <\/p>\n<\/div>\n\n\n\n

\n
\n
\"\"
RUB Light Blue<\/strong> color scheme<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
RUB Purple<\/strong> color scheme<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
RUB Pink<\/strong> color scheme<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"
RUB Orange<\/strong> color scheme<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
RUB Yellow<\/strong> color scheme<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
RUB Green<\/strong> color scheme<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n
\n
\n

Accessible Text Colors <\/h2>\n\n\n\n

<\/p>\n\n\n\n

We generally use RUB Blau (blue) for text on all color groups. The exception is white text on a RUB Blau (blue) background. <\/p>\n\n\n\n\n\n

Accessibility:<\/strong> To ensure that our content is easy for everyone to read, we make sure there is sufficient contrast between the text and the background. The defined color combinations meet the requirements of the WCAG guidelines for accessible communication. By adhering to the specified text colors and color shades, we ensure that our communication remains accessible. Although the WCAG guidelines apply only to digital applications, they also provide useful guidance for print media. (For example, yellow text is not easily readable in either digital or print formats.) We define large text as text that is 24 px or larger (or 19 px or larger for bold text). Anything smaller than that is considered small text. Small text is subject to stricter contrast requirements than large text. If we adhere to the specified text colors and color shades, our communication will remain accessible. <\/p>\n\n\n\n

<\/div>\n\n\n\n

To ensure sufficient contrast, we follow this rule: In digital media, we use only large font sizes on solid colors (100). Smaller font sizes may also be used on lighter shades (50). This ensures that the text remains clearly legible in both digital and print media. <\/p>\n<\/div>\n\n\n\n

\n
\n
\"\"
Small text: AAA with a RUB Blau (blue) background<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Small text: AAA on a white background<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n
\n
\n
\"\"
RUB Light Blue 100\u2028<\/strong>Large text: AAA, Small text: AARUB Light Blue 50\u2028<\/strong>Large text: AAA, Small text: AAA<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
RUB Purple 100\u2028<\/strong>Large text: AAA, Small text: AARUB Purple 50\u2028<\/strong>Large text: AAA, Small text: AAA<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
RUB Pink 100<\/strong>Large text: AAA, Small text: AARUB Pink 50<\/strong>Large text: AAA, Small text: AAA<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"
RUB Orange 100\u2028<\/strong>Large text: AAA, Small text: AARUB Orange 50\u2028<\/strong>Large text: AAA, Small text: AAA<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
RUB Yellow 100\u2028<\/strong>Large text: AAA, Small text: AARUB Yellow 50\u2028<\/strong>Large text: AAA, Small text: AAA<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
RUB Green 100\u2028<\/strong>Large text: AAA, Small text: AARUB Green 50\u2028<\/strong>Large text: AAA, Small text: AAA<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n
\n
\n

Colors for Infographics<\/h2>\n\n\n\n

We have defined a separate color palette for infographics and data visualizations. The reason: Our complementary colors are optimized for layouts and design areas, but do not always provide sufficient contrast to be reliably distinguished in charts or diagrams. The colors used in the infographics meet a minimum contrast ratio of 3:1 on a white background. In addition, they were chosen so that even people with color vision deficiencies can distinguish them from one another as easily as possible. By using this color palette, we ensure that our infographics are understandable to as many people as possible. <\/p>\n<\/div>\n\n\n\n

\n
\n
\n
\"\"
Example pie chart<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Example bar chart<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"
Contrast Light Blue<\/strong>Hex #4296E9RGB (66, 150, 233)CMYK (69, 38, 0, 0)<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Contrast Pink<\/strong>Hex #E560C8RGB (229, 96, 200)CMYK (24, 72, 0, 0)<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Contrast Red<\/strong>Hex #E8613DRGB (232, 98, 61)CMYK (2, 73, 77, 0)<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"
Contrast Gray<\/strong>Hex #899597RGB (137, 149, 151)CMYK (46, 29, 31, 15)<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Contrast Green<\/strong>Hex #18A748RGB (24, 167, 72)CMYK (78, 0, 91, 0)<\/figcaption><\/figure>\n<\/div>\n\n\n\n
<\/div>\n<\/div>\n<\/div>\n\n
\n

Design Examples<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Colors RUB Blau (blue) is our primary color. We use it consistently throughout all our communications because it makes us […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":2527,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2612","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/wp-json\/wp\/v2\/pages\/2612","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/wp-json\/wp\/v2\/comments?post=2612"}],"version-history":[{"count":36,"href":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/wp-json\/wp\/v2\/pages\/2612\/revisions"}],"predecessor-version":[{"id":3752,"href":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/wp-json\/wp\/v2\/pages\/2612\/revisions\/3752"}],"up":[{"embeddable":true,"href":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/wp-json\/wp\/v2\/pages\/2527"}],"wp:attachment":[{"href":"https:\/\/markenportal.ruhr-uni-bochum.de\/en\/wp-json\/wp\/v2\/media?parent=2612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}