Appearance
Volkswagen Logo Color Code & Palette
Looking for the official Volkswagen logo color code? Get the exact #003087 and VW Blue, #FFFFFF and VW White and #666666 and VW Gray. Complete color information for design and development projects featuring Volkswagen's signature brand color.

Extract Volkswagen Logo Colors from Image
Upload a photo or SVG image containing the Volkswagen logo to find the exact HEX and RGB color codes. Supported formats include PNG, JPG, SVG, and more.
click or drag your image here
Supported formats: JPG, PNG, WebP
Volkswagen Logo Color Code Converter
Instantly convert Volkswagen's brand color between HEX, RGB, CMYK, and other color systems.
All Formats:
- HEX:#ECB12E
- RGB:rgb(236, 177, 46)
- CMYK:cmyk(0%, 25%, 81%, 7%)
- HSV:hsv(41°, 81%, 93%)
- HSL:hsl(41°, 83%, 55%)
Volkswagen Logo Color Palette
#003087
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#4A91FF
Light
#366FD6
Medium Light
#1F4FAD
Medium
#003087
Medium Dark
#052563
Dark
#051940
Darkest
#000C21
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#003087
Left Dark
#575BA3
Left Medium
#8D8BBE
Left Light
#C1BFDA
Neutral
#F5F5F5
Right Light
#DECBB7
Right Medium
#C4A27C
Right Dark
#A77C43
Complementary End
#875700
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#9290C3
Medium
#003087
Dark
#001969
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#008757
Left Adjacent 1
#007487
Main
#003087
Right Adjacent 1
#130087
Right Adjacent 2
#570087
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#003087
Complementary
#875700
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#003087
Secondary
#870030
Tertiary
#308700
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#003087
Right 90°
#870074
Complementary
#875700
Left 90°
#008713
Tetradic
Two pairs of complementary colors
4 colors
Main
#003087
Secondary
#570087
Complementary
#875700
Complementary Secondary
#308700
Split Complementary
Complementary colors ±30°
3 colors
Main
#003087
Split Left
#871300
Split Right
#748700
Cyclic
Circular gradient for periodic data
8 colors
0°
#003087
45°
#350087
90°
#870074
135°
#87000E
180°
#875700
225°
#528700
270°
#008713
315°
#008779
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CACC9
Pastel 1
#A9B7D1
Pastel 2
#B6C2D8
Pastel 3
#C3CDDF
Pastel 4
#D1D8E6
Deep Pastel
#DEE3ED
#FFFFFF
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F2F2F2
Light
#F6F6F6
Medium Light
#FBFBFB
Medium
#FFFFFF
Medium Dark
#DCDCDC
Dark
#BABABA
Darkest
#999999
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFFFF
Left Dark
#FCFCFC
Left Medium
#FAFAFA
Left Light
#F7F7F7
Neutral
#F5F5F5
Right Light
#F7F7F7
Right Medium
#FAFAFA
Right Dark
#FCFCFC
Complementary End
#FFFFFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFFFF
Medium
#FFFFFF
Dark
#777777
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFFFFF
Left Adjacent 1
#FFFFFF
Main
#FFFFFF
Right Adjacent 1
#FFFFFF
Right Adjacent 2
#FFFFFF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFFFF
Complementary
#FFFFFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFFFF
Secondary
#FFFFFF
Tertiary
#FFFFFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFFFF
Right 90°
#FFFFFF
Complementary
#FFFFFF
Left 90°
#FFFFFF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFFFF
Secondary
#FFFFFF
Complementary
#FFFFFF
Complementary Secondary
#FFFFFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFFFF
Split Left
#FFFFFF
Split Right
#FFFFFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFFFF
45°
#FFFFFF
90°
#FFFFFF
135°
#FFFFFF
180°
#FFFFFF
225°
#FFFFFF
270°
#FFFFFF
315°
#FFFFFF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABABAB
Pastel 1
#B6B6B6
Pastel 2
#C1C1C1
Pastel 3
#CDCDCD
Pastel 4
#D8D8D8
Deep Pastel
#E3E3E3
#666666
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#D3CACC
Light
#ADA7A9
Medium Light
#898687
Medium
#666666
Medium Dark
#474747
Dark
#292929
Darkest
#0D0D0D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#666666
Left Dark
#888888
Left Medium
#ABABAB
Left Light
#CFCFCF
Neutral
#F5F5F5
Right Light
#CFCFCF
Right Medium
#ABABAB
Right Dark
#888888
Complementary End
#666666
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#AFAFAF
Medium
#666666
Dark
#343434
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#666666
Left Adjacent 1
#666666
Main
#666666
Right Adjacent 1
#666666
Right Adjacent 2
#666666
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#666666
Complementary
#666666
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#666666
Secondary
#666666
Tertiary
#666666
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#666666
Right 90°
#666666
Complementary
#666666
Left 90°
#666666
Tetradic
Two pairs of complementary colors
4 colors
Main
#666666
Secondary
#666666
Complementary
#666666
Complementary Secondary
#666666
Split Complementary
Complementary colors ±30°
3 colors
Main
#666666
Split Left
#666666
Split Right
#666666
Cyclic
Circular gradient for periodic data
8 colors
0°
#666666
45°
#666666
90°
#666666
135°
#666666
180°
#666666
225°
#666666
270°
#666666
315°
#666666
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABABAB
Pastel 1
#B6B6B6
Pastel 2
#C1C1C1
Pastel 3
#CDCDCD
Pastel 4
#D8D8D8
Deep Pastel
#E3E3E3