Automotive
Volkswagen Color Codes
Volkswagen's color is a dark blue, hex #001E50, brought in with the 2019 redesign. The Volkswagen color codes in Hex, RGB and CMYK can be found below. The badge is a V over a W inside a ring, and the name translates as people's car. VW was set up at Wolfsburg in 1937. Its group stablemate and constant point of comparison is Audi.
Primary colors
What are Volkswagen Primary Colors?
Volkswagen's primary colors are dark blue #001E50, white #FFFFFF.
The dark blue is Volkswagen's published brand color; the CMYK shown is a conversion.
Volkswagen Dark Blue
| Hex | #001E50 |
|---|---|
| RGB | 0, 30, 80 |
| HSL | hsl(218, 100%, 16%) |
| CMYK | 100%, 63%, 0%, 69%converted · approximate |
| Pantone | PMS 2768 Cnearest match · not published by the brand |
Volkswagen White
| Hex | #FFFFFF |
|---|---|
| RGB | 255, 255, 255 |
| HSL | hsl(0, 0%, 100%) |
| CMYK | 0%, 0%, 0%, 0%converted · approximate |
| Pantone | PMS 656 Cnearest match · not published by the brand |
Volkswagen Hex Color Codes
Volkswagen hex color codes are #001E50 for dark blue and #FFFFFF for white.
| Color | Hex |
|---|---|
| Dark Blue | #001E50 |
| White | #FFFFFF |
Volkswagen RGB Color Codes
Volkswagen RGB color codes are 0, 30, 80 for dark blue and 255, 255, 255 for white. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Dark Blue | rgb(0, 30, 80) |
| White | rgb(255, 255, 255) |
Volkswagen HSL Color Codes
Volkswagen HSL color codes are 218, 100%, 16% for dark blue and 0, 0%, 100% for white. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Dark Blue | hsl(218, 100%, 16%) |
| White | hsl(0, 0%, 100%) |
Volkswagen CMYK Color Code
Volkswagen CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Dark Blue | 100%, 63%, 0%, 69% |
| White | 0%, 0%, 0%, 0% |
Volkswagen Pantone Color Codes
Volkswagen Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Dark Blue | PMS 2768 C |
| White | PMS 656 C |
Logo
Volkswagen Logo Colors
Volkswagen logo colors are a dark blue and white, with the ring and letters reversing out of each other.
Volkswagen Logo Colors Palette
What the Volkswagen Logo Colors Mean?
The Volkswagen logo colors hold no symbolism; the letters do the work. V is for Volks, people, and W is for Wagen, car. Franz Reimspiess, an engineer at the plant who also worked on the Beetle engine, drew it in 1937. The first version sat in a cogwheel with flag-like blades that were cut in 1939. Blue and white have run the identity since the post-war rebuild under British control.
Volkswagen Logo Color History
Volkswagen logo color history is one of small tweaks until 2019. That redesign is the real break: flat, thinner, and opened up so the blue can fall away to nothing on screen. The blue was darkened at the same time.
Volkswagen Logo Fonts
Volkswagen logo fonts are VW Head and VW Text, a pair built on Futura, which the company has used since the 1960s. Neither is for sale. Futura itself is the substitute.
Volkswagen Logo JPG
Volkswagen logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Volkswagen Logo PNG
Volkswagen logo in PNG, with a transparent background. Use it over a colored surface.
Volkswagen Logo WebP
Volkswagen logo in WebP. Same transparency as the PNG at about a third of the file size.
Volkswagen Color Code Shades
Volkswagen color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Volkswagen paint or trim names.
In code
Using the Volkswagen palette
CSS custom properties
:root {
--volkswagen-dark-blue: #001E50;
--volkswagen-white: #FFFFFF;
}Contrast against white
| Dark Blue | 16.13:1AA ✓ |
|---|---|
| White | 1.00:1AA × |
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.