Skip to content

PepsiCo Logo Color Code & Palette

Looking for the official PepsiCo logo color code? Get the exact #004B93 and Pepsi Blue, #E31837 and Pepsi Red and #FFFFFF and Pepsi White. Complete color information for design and development projects featuring PepsiCo's signature brand color.

PepsiCo logo Color Code
#004B93
#E31837
#FFFFFF

Extract PepsiCo Logo Colors from Image

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

PepsiCo Logo Color Code Converter

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

PepsiCo Logo Color Palette

#004B93

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#53B2FF
Light
#3D8EDA
Medium Light
#246BB6
Medium
#004B93
Medium Dark
#00396F
Dark
#00274D
Darkest
#00172D

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#004B93
Left Dark
#5971AB
Left Medium
#8E9BC4
Left Light
#C2C7DC
Neutral
#F5F5F5
Right Light
#E3C7B6
Right Medium
#CC9B7A
Right Dark
#B27141
Complementary End
#934800

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#93A0C9
Medium
#004B93
Dark
#002869
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#009348
Left Adjacent 1
#009392
Main
#004B93
Right Adjacent 1
#000193
Right Adjacent 2
#480093

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#004B93
Complementary
#934800

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#004B93
Secondary
#93004B
Tertiary
#4B9300

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#004B93
Right 90°
#920093
Complementary
#934800
Left 90°
#019300

Tetradic

Two pairs of complementary colors

4 colors
Main
#004B93
Secondary
#480093
Complementary
#934800
Complementary Secondary
#4B9300

Split Complementary

Complementary colors ±30°

3 colors
Main
#004B93
Split Left
#930001
Split Right
#939200

Cyclic

Circular gradient for periodic data

8 colors
#004B93
45°
#230093
90°
#920093
135°
#930026
180°
#934800
225°
#709300
270°
#019300
315°
#00936D

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#9CB3C9
Pastel 1
#A9BDD1
Pastel 2
#B6C7D8
Pastel 3
#C3D1DF
Pastel 4
#D1DCE6
Deep Pastel
#DEE6ED

#E31837

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#FFCBD3
Light
#FD9A9C
Medium Light
#F36568
Medium
#E31837
Medium Dark
#9F1829
Dark
#5F131C
Darkest
#27080C

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#E31837
Left Dark
#F16462
Left Medium
#F99791
Left Light
#FBC7C2
Neutral
#F5F5F5
Right Light
#CFF2E9
Right Medium
#A5EDDC
Right Dark
#74E9D0
Complementary End
#18E3C4

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#FF9C95
Medium
#E31837
Dark
#950000
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#C418E3
Left Adjacent 1
#E3189C
Main
#E31837
Right Adjacent 1
#E35F18
Right Adjacent 2
#E3C418

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#E31837
Complementary
#18E3C4

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#E31837
Secondary
#37E318
Tertiary
#1837E3

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#E31837
Right 90°
#9CE318
Complementary
#18E3C4
Left 90°
#5F18E3

Tetradic

Two pairs of complementary colors

4 colors
Main
#E31837
Secondary
#E3C418
Complementary
#18E3C4
Complementary Secondary
#1837E3

Split Complementary

Complementary colors ±30°

3 colors
Main
#E31837
Split Left
#18E35F
Split Right
#189CE3

Cyclic

Circular gradient for periodic data

8 colors
#E31837
45°
#E39118
90°
#9CE318
135°
#18E32C
180°
#18E3C4
225°
#186AE3
270°
#5F18E3
315°
#E318CF

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#C5A0A6
Pastel 1
#CDADB2
Pastel 2
#D5B9BD
Pastel 3
#DCC6C9
Pastel 4
#E4D3D5
Deep Pastel
#ECDFE1

#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