Overview
- TSG Hoffenheim’s official brand identity is built around blue and white, supported by multiple blue shades and secondary colors from the club’s official brand world.
- This guide includes official HEX, CMYK and Pantone values where published by TSG Hoffenheim, plus RGB values derived from the official HEX codes.
- These color references are useful for design, websites, presentations, fan content, sports graphics and brand research.
TSG Hoffenheim Team Information
| Team Name | TSG Hoffenheim |
|---|---|
| Full Club Name | Turn- und Sportgemeinschaft 1899 Hoffenheim e.V. |
| League | German Bundesliga |
| Division / Conference | Bundesliga |
| Location | Sinsheim, Baden-Württemberg, Germany |
| Home Stadium / Arena | PreZero Arena |
| Official Club Colors | Blue and white |
| Established | July 1, 1899 |
| Official Website | Visit TSG Hoffenheim |
| Official Brand World | View TSG Hoffenheim Brand World |
| Bundesliga Club Profile | View Hoffenheim on Bundesliga.com |
TSG Hoffenheim Color Codes
The official TSG Hoffenheim colors are commonly used across team branding, uniforms, digital graphics, fan designs, presentations and web projects. According to the club’s official brand world, blue and white remain the distinctive colors of TSG Hoffenheim, with three blue shades and several secondary colors used in the refreshed visual identity.
The table below lists the best available color values for HEX, RGB, CMYK and Pantone references. HEX, CMYK and Pantone values are officially published by TSG Hoffenheim for the named brand colors. RGB values are derived from the official HEX values for practical digital use.
| Color Name | Color Role | Pantone | HEX | RGB | CMYK |
|---|---|---|---|---|---|
| Hoffe-Blau | Primary blue | 2388 C/U | #0A4BAF | Best available estimate from official HEX: 10, 75, 175 | 100, 70, 0, 0 |
| White | Core club color | Not officially published | #FFFFFF | 255, 255, 255 | 0, 0, 0, 0 |
| Nacht Blau | Dark blue | 7694 C/U | #05376E | Best available estimate from official HEX: 5, 55, 110 | 100, 80, 30, 15 |
| Energie Blau | Light blue accent | 2199 C/U | #41BED2 | Best available estimate from official HEX: 65, 190, 210 | 65, 0, 20, 0 |
| Badisch Rot | Secondary color | 185 C/U | #E6325A | Best available estimate from official HEX: 230, 50, 90 | 0, 90, 50, 0 |
| Badisch Gelb | Secondary color | 108 C/U | #FFDC00 | Best available estimate from official HEX: 255, 220, 0 | 2, 10, 90, 0 |
| Premium Gold | Secondary color | 7562 C/U | #B9A57D | Best available estimate from official HEX: 185, 165, 125 | 30, 30, 50, 10 |
| Ultra Violett | Secondary color | 2089 C/U | #8246C8 | Best available estimate from official HEX: 130, 70, 200 | 70, 75, 0, 0 |
| Rasen Grün | Secondary color | 2251 C/U | #2DB473 | Best available estimate from official HEX: 45, 180, 115 | 75, 0, 70, 0 |
Primary TSG Hoffenheim Colors
The primary TSG Hoffenheim brand colors are Hoffe-Blau and white. Hoffe-Blau is the club’s main blue brand color, while white is part of the club’s core blue-and-white identity. The official brand world also identifies Nacht Blau and Energie Blau as important blue shades within the updated TSG Hoffenheim color system.
| Primary Color | HEX | Best Use |
|---|---|---|
| Hoffe-Blau | #0A4BAF | Main brand color, digital graphics, headers, buttons and visual identity elements |
| White | #FFFFFF | Backgrounds, contrast, typography areas and blue-and-white brand layouts |
| Nacht Blau | #05376E | Dark backgrounds, premium layouts, contrast blocks and supporting brand elements |
| Energie Blau | #41BED2 | Highlights, accents, modern digital layouts and energetic visual elements |
Secondary TSG Hoffenheim Colors
TSG Hoffenheim’s official brand world also includes secondary colors connected to the club’s regional and football identity. These colors should support the primary blue-and-white identity rather than replace it.
| Secondary Color | HEX | Suggested Design Use |
|---|---|---|
| Badisch Rot | #E6325A | Accent graphics, alerts, energetic highlights and campaign details |
| Badisch Gelb | #FFDC00 | Bright highlights, callouts, icons and regional visual accents |
| Premium Gold | #B9A57D | Premium content, heritage design, editorial layouts and refined details |
| Ultra Violett | #8246C8 | Creative campaigns, digital accents and high-contrast supporting graphics |
| Rasen Grün | #2DB473 | Football-related graphics, pitch-inspired visuals and sporting accents |
How to Use TSG Hoffenheim Colors
You can use the TSG Hoffenheim color codes for digital design, website elements, social media graphics, printable materials, fan artwork, presentations and sports-related content. HEX codes are typically best for websites, RGB values are useful for screens and digital design, while CMYK values are mainly used for print projects.
For the most brand-consistent result, use Hoffe-Blau and white as the main color combination. Use Nacht Blau for darker contrast, Energie Blau for bright digital accents and the secondary colors only as supporting elements.
TSG Hoffenheim HEX Color Codes
The main TSG Hoffenheim HEX color codes are #0A4BAF, #FFFFFF, #05376E and #41BED2. These values are commonly used in web design, HTML, CSS, digital graphics and online branding references.
- Hoffe-Blau HEX: #0A4BAF
- White HEX: #FFFFFF
- Nacht Blau HEX: #05376E
- Energie Blau HEX: #41BED2
- Badisch Rot HEX: #E6325A
- Badisch Gelb HEX: #FFDC00
- Premium Gold HEX: #B9A57D
- Ultra Violett HEX: #8246C8
- Rasen Grün HEX: #2DB473
TSG Hoffenheim RGB Color Codes
The TSG Hoffenheim RGB color codes are useful for screen-based designs, including social media posts, digital banners, video graphics and presentation slides. RGB values define how red, green and blue light combine to display each team color on digital screens.
TSG Hoffenheim’s official brand world publishes HEX values, while the RGB values below are best available estimates derived from those official HEX codes.
- Hoffe-Blau RGB: 10, 75, 175
- White RGB: 255, 255, 255
- Nacht Blau RGB: 5, 55, 110
- Energie Blau RGB: 65, 190, 210
- Badisch Rot RGB: 230, 50, 90
- Badisch Gelb RGB: 255, 220, 0
- Premium Gold RGB: 185, 165, 125
- Ultra Violett RGB: 130, 70, 200
- Rasen Grün RGB: 45, 180, 115
TSG Hoffenheim CMYK Color Codes
The TSG Hoffenheim CMYK color codes are most useful for printed materials such as flyers, posters, brochures and merchandise mockups. Because print output can vary by printer, paper and ink profile, always test colors before final production.
- Hoffe-Blau CMYK: 100, 70, 0, 0
- White CMYK: 0, 0, 0, 0
- Nacht Blau CMYK: 100, 80, 30, 15
- Energie Blau CMYK: 65, 0, 20, 0
- Badisch Rot CMYK: 0, 90, 50, 0
- Badisch Gelb CMYK: 2, 10, 90, 0
- Premium Gold CMYK: 30, 30, 50, 10
- Ultra Violett CMYK: 70, 75, 0, 0
- Rasen Grün CMYK: 75, 0, 70, 0
TSG Hoffenheim Pantone Colors
Pantone values are useful when designers need consistent color matching across professional print and branding materials. TSG Hoffenheim’s official brand world publishes Pantone references for the named brand colors in its color system. White is part of the club’s official blue-and-white identity, but a specific Pantone value for white is not officially published in the club’s brand world.
- Hoffe-Blau Pantone: 2388 C/U
- White Pantone: Not officially published
- Nacht Blau Pantone: 7694 C/U
- Energie Blau Pantone: 2199 C/U
- Badisch Rot Pantone: 185 C/U
- Badisch Gelb Pantone: 108 C/U
- Premium Gold Pantone: 7562 C/U
- Ultra Violett Pantone: 2089 C/U
- Rasen Grün Pantone: 2251 C/U
TSG Hoffenheim CSS Color Variables
The following CSS variables can be used as a practical starting point for websites, landing pages, graphics systems and digital templates that reference TSG Hoffenheim colors.
:root {
--hoffenheim-hoffe-blau: #0A4BAF;
--hoffenheim-white: #FFFFFF;
--hoffenheim-nacht-blau: #05376E;
--hoffenheim-energie-blau: #41BED2;
--hoffenheim-badisch-rot: #E6325A;
--hoffenheim-badisch-gelb: #FFDC00;
--hoffenheim-premium-gold: #B9A57D;
--hoffenheim-ultra-violett: #8246C8;
--hoffenheim-rasen-gruen: #2DB473;
}Design Tips for TSG Hoffenheim Color Combinations
- Use Hoffe-Blau and white as the most recognizable TSG Hoffenheim color pairing.
- Use Nacht Blau when a darker, more premium or higher-contrast layout is needed.
- Use Energie Blau for modern accents, digital highlights and visual energy.
- Use secondary colors sparingly so the design still feels connected to the club’s blue-and-white identity.
- Check contrast carefully when using Badisch Gelb, Energie Blau or white on light backgrounds.
Official Source Notes
The TSG Hoffenheim color values in this guide are based on the club’s official brand world and official club information pages. The official brand world publishes the named brand colors, HEX values, CMYK values and Pantone references. The official club facts page identifies the club colors as blue and white, while Bundesliga.com provides the official league club profile and PreZero Arena reference.
- TSG Hoffenheim Official Brand World
- TSG Hoffenheim Facts and Figures
- Bundesliga Official Hoffenheim Club Profile
FAQ About TSG Hoffenheim Color Codes
What are the official TSG Hoffenheim colors?
The official TSG Hoffenheim colors are blue and white. In the club’s official brand world, the main blue is Hoffe-Blau, supported by Nacht Blau, Energie Blau and several secondary colors.
What is the main HEX code for TSG Hoffenheim?
The main TSG Hoffenheim HEX code is #0A4BAF for Hoffe-Blau. White is also part of the club’s official blue-and-white identity and is represented digitally as #FFFFFF.
What are the TSG Hoffenheim blue color codes?
The main TSG Hoffenheim blue color codes are Hoffe-Blau #0A4BAF, Nacht Blau #05376E and Energie Blau #41BED2. These three blue shades are part of the club’s official brand color world.
What is the RGB code for Hoffe-Blau?
The best available RGB estimate for Hoffe-Blau is 10, 75, 175. This value is derived from the official HEX code #0A4BAF.
What is the CMYK code for Hoffe-Blau?
The official CMYK code for Hoffe-Blau is 100, 70, 0, 0, according to TSG Hoffenheim’s official brand world.
What is the Pantone color for Hoffe-Blau?
The official Pantone reference for Hoffe-Blau is 2388 C/U, according to TSG Hoffenheim’s official brand world.
Does TSG Hoffenheim have official secondary colors?
Yes. TSG Hoffenheim’s official brand world includes secondary colors such as Badisch Rot, Badisch Gelb, Premium Gold, Ultra Violett and Rasen Grün.
Can I use TSG Hoffenheim colors for my own design project?
You can use TSG Hoffenheim color codes for personal design references, fan content and non-commercial projects. For commercial use, merchandise or official branding, check the team’s official usage guidelines and trademark rules before publishing or selling any design.
Are these TSG Hoffenheim color codes official?
The HEX, CMYK and Pantone values for the named brand colors are taken from TSG Hoffenheim’s official brand world. RGB values are best available estimates derived from the official HEX codes. White is confirmed as part of the club’s blue-and-white identity, but a specific Pantone value for white is not officially published.