Appearance
BP Logo Color Code & Palette
Looking for the official BP logo color code? Get the exact #00A261 and BP Green, #FEDC00 and BP Yellow and #FFFFFF and BP White. Complete color information for design and development projects featuring BP's signature brand color.
Extract BP Logo Colors from Image
Upload a photo or SVG image containing the BP 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
BP Logo Color Code Converter
Instantly convert BP'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%)
BP Logo Color Palette
#00A261
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#62FFC3
Light
#49DFA1
Medium Light
#2DC081
Medium
#00A261
Medium Dark
#137045
Dark
#13412A
Darkest
#081811
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#00A261
Left Dark
#5FB884
Left Medium
#94CDA9
Left Light
#C5E1CE
Neutral
#F5F5F5
Right Light
#E7BFC4
Right Medium
#D48A96
Right Dark
#BD546A
Complementary End
#A20041
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#98D1AD
Medium
#00A261
Dark
#00551D
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#41A200
Left Adjacent 1
#00A210
Main
#00A261
Right Adjacent 1
#0092A2
Right Adjacent 2
#0041A2
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#00A261
Complementary
#A20041
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#00A261
Secondary
#6100A2
Tertiary
#A26100
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#00A261
Right 90°
#1000A2
Complementary
#A20041
Left 90°
#92A200
Tetradic
Two pairs of complementary colors
4 colors
Main
#00A261
Secondary
#0041A2
Complementary
#A20041
Complementary Secondary
#A26100
Split Complementary
Complementary colors ±30°
3 colors
Main
#00A261
Split Left
#A20092
Split Right
#A21000
Cyclic
Circular gradient for periodic data
8 colors
0°
#00A261
45°
#0069A2
90°
#1000A2
135°
#8900A2
180°
#A20041
225°
#A23800
270°
#92A200
315°
#19A200
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CC9B7
Pastel 1
#A9D1C1
Pastel 2
#B6D8CA
Pastel 3
#C3DFD4
Pastel 4
#D1E6DD
Deep Pastel
#DEEDE7
#FEDC00
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF8C4
Light
#FFEF93
Medium Light
#FFE55E
Medium
#FEDC00
Medium Dark
#B49C0F
Dark
#6F6110
Darkest
#312B09
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FEDC00
Left Dark
#FFE25F
Left Medium
#FFE894
Left Light
#FDEEC5
Neutral
#F5F5F5
Right Light
#D4C0FA
Right Medium
#AC8CFD
Right Dark
#7A59FE
Complementary End
#0022FE
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFED98
Medium
#FEDC00
Dark
#7A6800
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FE0022
Left Adjacent 1
#FE5D00
Main
#FEDC00
Right Adjacent 1
#A1FE00
Right Adjacent 2
#22FE00
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FEDC00
Complementary
#0022FE
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FEDC00
Secondary
#00FEDC
Tertiary
#DC00FE
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FEDC00
Right 90°
#00FE5D
Complementary
#0022FE
Left 90°
#FE00A1
Tetradic
Two pairs of complementary colors
4 colors
Main
#FEDC00
Secondary
#22FE00
Complementary
#0022FE
Complementary Secondary
#DC00FE
Split Complementary
Complementary colors ±30°
3 colors
Main
#FEDC00
Split Left
#00A1FE
Split Right
#5D00FE
Cyclic
Circular gradient for periodic data
8 colors
0°
#FEDC00
45°
#62FE00
90°
#00FE5D
135°
#00E0FE
180°
#0022FE
225°
#9C00FE
270°
#FE00A1
315°
#FE1E00
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C39C
Pastel 1
#D1CBA9
Pastel 2
#D8D3B6
Pastel 3
#DFDBC3
Pastel 4
#E6E3D1
Deep Pastel
#EDEBDE
#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