Appearance
Adidas Logo Color Code & Palette
Looking for the official Adidas logo color code? Get the exact #000000 and Adidas Black, #FFFFFF and Adidas White and #757575 and Adidas Gray. Complete color information for design and development projects featuring Adidas's signature brand color.

Extract Adidas Logo Colors from Image
Upload a photo or SVG image containing the Adidas 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
Adidas Logo Color Code Converter
Instantly convert Adidas'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%)
Adidas Logo Color Palette
#000000
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#6C6466
Light
#484344
Medium Light
#262424
Medium
#000000
Medium Dark
#040404
Dark
#090909
Darkest
#0D0D0D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#000000
Left Dark
#393939
Left Medium
#737373
Left Light
#B2B2B2
Neutral
#F5F5F5
Right Light
#B2B2B2
Right Medium
#737373
Right Dark
#393939
Complementary End
#000000
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#777777
Medium
#000000
Dark
#000000
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#000000
Left Adjacent 1
#000000
Main
#000000
Right Adjacent 1
#000000
Right Adjacent 2
#000000
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#000000
Complementary
#000000
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#000000
Secondary
#000000
Tertiary
#000000
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#000000
Right 90°
#000000
Complementary
#000000
Left 90°
#000000
Tetradic
Two pairs of complementary colors
4 colors
Main
#000000
Secondary
#000000
Complementary
#000000
Complementary Secondary
#000000
Split Complementary
Complementary colors ±30°
3 colors
Main
#000000
Split Left
#000000
Split Right
#000000
Cyclic
Circular gradient for periodic data
8 colors
0°
#000000
45°
#000000
90°
#000000
135°
#000000
180°
#000000
225°
#000000
270°
#000000
315°
#000000
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
#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
#757575
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E2D9DB
Light
#BCB6B8
Medium Light
#989596
Medium
#757575
Medium Dark
#515151
Dark
#2F2F2F
Darkest
#0F0F0F
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#757575
Left Dark
#939393
Left Medium
#B3B3B3
Left Light
#D3D3D3
Neutral
#F5F5F5
Right Light
#D3D3D3
Right Medium
#B3B3B3
Right Dark
#939393
Complementary End
#757575
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#B8B8B8
Medium
#757575
Dark
#3A3A3A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#757575
Left Adjacent 1
#757575
Main
#757575
Right Adjacent 1
#757575
Right Adjacent 2
#757575
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#757575
Complementary
#757575
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#757575
Secondary
#757575
Tertiary
#757575
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#757575
Right 90°
#757575
Complementary
#757575
Left 90°
#757575
Tetradic
Two pairs of complementary colors
4 colors
Main
#757575
Secondary
#757575
Complementary
#757575
Complementary Secondary
#757575
Split Complementary
Complementary colors ±30°
3 colors
Main
#757575
Split Left
#757575
Split Right
#757575
Cyclic
Circular gradient for periodic data
8 colors
0°
#757575
45°
#757575
90°
#757575
135°
#757575
180°
#757575
225°
#757575
270°
#757575
315°
#757575
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