Skip to content

Tesla Logo Color Code & Palette

Looking for the official Tesla logo color code? Get the exact #CC0000 and Tesla Red, #990000 and Tesla Dark Red and #000000 and Tesla Black. Complete color information for design and development projects featuring Tesla's signature brand color.

Tesla logo Color Code
#CC0000
#990000
#000000

Extract Tesla Logo Colors from Image

Upload a photo or SVG image containing the Tesla 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

Tesla Logo Color Code Converter

Instantly convert Tesla'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%)

Tesla Logo Color Palette

#CC0000

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#FF9697
Light
#F27065
Medium Light
#E04836
Medium
#CC0000
Medium Dark
#891408
Dark
#4B1308
Darkest
#140303

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#CC0000
Left Dark
#E15B3F
Left Medium
#F19078
Left Light
#F8C3B5
Neutral
#F5F5F5
Right Light
#CDEBEB
Right Medium
#A1E1E0
Right Dark
#6ED7D6
Complementary End
#00CCCC

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#F6957D
Medium
#CC0000
Dark
#890000
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#CC00CC
Left Adjacent 1
#CC0066
Main
#CC0000
Right Adjacent 1
#CC6600
Right Adjacent 2
#CCCC00

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#CC0000
Complementary
#00CCCC

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#CC0000
Secondary
#00CC00
Tertiary
#0000CC

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#CC0000
Right 90°
#66CC00
Complementary
#00CCCC
Left 90°
#6600CC

Tetradic

Two pairs of complementary colors

4 colors
Main
#CC0000
Secondary
#CCCC00
Complementary
#00CCCC
Complementary Secondary
#0000CC

Split Complementary

Complementary colors ±30°

3 colors
Main
#CC0000
Split Left
#00CC66
Split Right
#0066CC

Cyclic

Circular gradient for periodic data

8 colors
#CC0000
45°
#CC9900
90°
#66CC00
135°
#00CC33
180°
#00CCCC
225°
#0033CC
270°
#6600CC
315°
#CC0099

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#C99C9C
Pastel 1
#D1A9A9
Pastel 2
#D8B6B6
Pastel 3
#DFC3C3
Pastel 4
#E6D1D1
Deep Pastel
#EDDEDE

#990000

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#FF6263
Light
#DD4642
Medium Light
#BB2923
Medium
#990000
Medium Dark
#690F04
Dark
#3D0F04
Darkest
#140303

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#990000
Left Dark
#BA503A
Left Medium
#D48774
Left Light
#E8BEB3
Neutral
#F5F5F5
Right Light
#C5DEDD
Right Medium
#95C7C6
Right Dark
#60B0AF
Complementary End
#009999

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#D98C79
Medium
#990000
Dark
#6B0000
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#990099
Left Adjacent 1
#99004D
Main
#990000
Right Adjacent 1
#994C00
Right Adjacent 2
#999900

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#990000
Complementary
#009999

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#990000
Secondary
#009900
Tertiary
#000099

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#990000
Right 90°
#4D9900
Complementary
#009999
Left 90°
#4C0099

Tetradic

Two pairs of complementary colors

4 colors
Main
#990000
Secondary
#999900
Complementary
#009999
Complementary Secondary
#000099

Split Complementary

Complementary colors ±30°

3 colors
Main
#990000
Split Left
#00994D
Split Right
#004C99

Cyclic

Circular gradient for periodic data

8 colors
#990000
45°
#997300
90°
#4D9900
135°
#009926
180°
#009999
225°
#002699
270°
#4C0099
315°
#990073

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#C99C9C
Pastel 1
#D1A9A9
Pastel 2
#D8B6B6
Pastel 3
#DFC3C3
Pastel 4
#E6D1D1
Deep Pastel
#EDDEDE

#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
#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