Appearance
Procter & Gamble Logo Color Code & Palette
Looking for the official Procter & Gamble logo color code? Get the exact #003087 and P&G Blue, #00A8E0 and P&G Light Blue and #FFFFFF and P&G White. Complete color information for design and development projects featuring Procter & Gamble's signature brand color.
Extract Procter & Gamble Logo Colors from Image
Upload a photo or SVG image containing the Procter & Gamble 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
Procter & Gamble Logo Color Code Converter
Instantly convert Procter & Gamble'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%)
Procter & Gamble 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
#00A8E0
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#A2ECFF
Light
#7FD5F5
Medium Light
#56BEEA
Medium
#00A8E0
Medium Dark
#1B7195
Dark
#193F51
Darkest
#091216
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#00A8E0
Left Dark
#6DBBE6
Left Medium
#A0CEEB
Left Light
#CCE1F0
Neutral
#F5F5F5
Right Light
#FCC9B8
Right Medium
#FA9D7D
Right Dark
#F06F44
Complementary End
#E03800
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A5D3F0
Medium
#00A8E0
Dark
#005688
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#00E038
Left Adjacent 1
#00E0A8
Main
#00A8E0
Right Adjacent 1
#0038E0
Right Adjacent 2
#3800E0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#00A8E0
Complementary
#E03800
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#00A8E0
Secondary
#E000A8
Tertiary
#A8E000
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#00A8E0
Right 90°
#A800E0
Complementary
#E03800
Left 90°
#38E000
Tetradic
Two pairs of complementary colors
4 colors
Main
#00A8E0
Secondary
#3800E0
Complementary
#E03800
Complementary Secondary
#A8E000
Split Complementary
Complementary colors ±30°
3 colors
Main
#00A8E0
Split Left
#E00038
Split Right
#E0A800
Cyclic
Circular gradient for periodic data
8 colors
0°
#00A8E0
45°
#0000E0
90°
#A800E0
135°
#E00070
180°
#E03800
225°
#E0E000
270°
#38E000
315°
#00E070
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CBEC9
Pastel 1
#A9C7D1
Pastel 2
#B6CFD8
Pastel 3
#C3D8DF
Pastel 4
#D1E1E6
Deep Pastel
#DEE9ED
#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
What is Procter & Gamble Logo Color?
Procter & Gamble (P&G) logo colors are a professional combination of blue, light blue, and white that represent the brand's consumer goods and household products identity. These colors evoke feelings of trust, cleanliness, and reliability. P&G's blue palette reflects their commitment to quality household products.
P&G's primary logo colors include: #003087 (blue), #00A8E0 (light blue), and #FFFFFF (white).
Procter & Gamble Brand Background
Procter & Gamble is a global consumer goods company whose household brands span cleaning, personal care, and health products. Its blue-led identity conveys the cleanliness, trust, and dependability that families expect from everyday essentials.
Procter & Gamble Logo Color Meaning
Blue communicates trust, cleanliness, and reliability, while the lighter blue adds freshness and a modern, approachable feel. White reinforces purity and simplicity.
Procter & Gamble Logo Color Combinations
- P&G Blue + White: a clean, trustworthy pairing for packaging and retail.
- P&G Light Blue + White: a fresh, airy look for personal care products.
- P&G Blue + P&G Light Blue: a layered blue that feels both dependable and contemporary.
Design Applications
P&G logo colors work well in consumer goods branding, household product designs, and family-friendly aesthetics. They pair beautifully with clean layouts and trustworthy imagery. Use them for consumer projects, P&G-inspired designs, or to create a reliable, clean atmosphere in your projects.
FAQ
What are P&G's official logo colors?
Procter & Gamble's official logo colors are blue (#003087), light blue (#00A8E0), and white (#FFFFFF).
Why does P&G use blue?
Blue represents trust, cleanliness, and reliability, reflecting P&G's focus on quality household products.
Can I use P&G's logo colors?
You can use these colors for inspiration, but be mindful of P&G's trademark and brand guidelines.
What are P&G's logo colors in RGB?
P&G Blue is RGB(0, 48, 135), P&G Light Blue is RGB(0, 168, 224), and P&G White is RGB(255, 255, 255).
What does P&G's light blue represent?
The light blue represents freshness, clarity, and a modern outlook, softening the brand's dependable core blue.