Skip to content

Shell Logo Color Code & Palette

Looking for the official Shell logo color code? Get the exact #FF0000 and Shell Red, #FFFF00 and Shell Yellow and #FFFFFF and Shell White. Complete color information for design and development projects featuring Shell's signature brand color.

Shell logo Color Code
#FF0000
#FFFF00
#FFFFFF

Extract Shell Logo Colors from Image

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

Shell Logo Color Code Converter

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

Shell Logo Color Palette

#FF0000

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#FFCACA
Light
#FF9A89
Medium Light
#FF664A
Medium
#FF0000
Medium Dark
#B4090B
Dark
#6E090C
Darkest
#300403

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#FF0000
Left Dark
#FF6544
Left Medium
#FF997D
Left Light
#FFC8B8
Neutral
#F5F5F5
Right Light
#D3F8F7
Right Medium
#ADFBFA
Right Dark
#7BFDFC
Complementary End
#00FFFF

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#FF9E81
Medium
#FF0000
Dark
#A60000
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#FF00FF
Left Adjacent 1
#FF0080
Main
#FF0000
Right Adjacent 1
#FF8000
Right Adjacent 2
#FFFF00

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#FF0000
Complementary
#00FFFF

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#FF0000
Secondary
#00FF00
Tertiary
#0000FF

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#FF0000
Right 90°
#80FF00
Complementary
#00FFFF
Left 90°
#7F00FF

Tetradic

Two pairs of complementary colors

4 colors
Main
#FF0000
Secondary
#FFFF00
Complementary
#00FFFF
Complementary Secondary
#0000FF

Split Complementary

Complementary colors ±30°

3 colors
Main
#FF0000
Split Left
#00FF80
Split Right
#007FFF

Cyclic

Circular gradient for periodic data

8 colors
#FF0000
45°
#FFBF00
90°
#80FF00
135°
#00FF40
180°
#00FFFF
225°
#0040FF
270°
#7F00FF
315°
#FF00BF

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

#FFFF00

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#FFFFC5
Light
#FFFF97
Medium Light
#FFFF63
Medium
#FFFF00
Medium Dark
#B5B50F
Dark
#717010
Darkest
#333309

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#FFFF00
Left Dark
#FFFC65
Left Medium
#FFFA99
Left Light
#FDF7C8
Neutral
#F5F5F5
Right Light
#D5BDFA
Right Medium
#AE87FD
Right Dark
#7B4FFF
Complementary End
#0000FF

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#FFFF9E
Medium
#FFFF00
Dark
#6E7B00
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#FF0000
Left Adjacent 1
#FF8000
Main
#FFFF00
Right Adjacent 1
#80FF00
Right Adjacent 2
#00FF00

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#FFFF00
Complementary
#0000FF

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#FFFF00
Secondary
#00FFFF
Tertiary
#FF00FF

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#FFFF00
Right 90°
#00FF80
Complementary
#0000FF
Left 90°
#FF0080

Tetradic

Two pairs of complementary colors

4 colors
Main
#FFFF00
Secondary
#00FF00
Complementary
#0000FF
Complementary Secondary
#FF00FF

Split Complementary

Complementary colors ±30°

3 colors
Main
#FFFF00
Split Left
#007FFF
Split Right
#7F00FF

Cyclic

Circular gradient for periodic data

8 colors
#FFFF00
45°
#40FF00
90°
#00FF80
135°
#00BFFF
180°
#0000FF
225°
#BF00FF
270°
#FF0080
315°
#FF4000

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#C9C99C
Pastel 1
#D1D1A9
Pastel 2
#D8D8B6
Pastel 3
#DFDFC3
Pastel 4
#E6E6D1
Deep Pastel
#EDEDDE

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