Appearance
Meta Logo Color Code & Palette
Looking for the official Meta logo color code? Get the exact #1877F2 and Meta Blue, #42B72A and Meta Green and #FFFFFF and Meta White. Complete color information for design and development projects featuring Meta's signature brand color.
Extract Meta Logo Colors from Image
Upload a photo or SVG image containing the Meta 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
Meta Logo Color Code Converter
Instantly convert Meta'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%)
Meta Logo Color Palette
#1877F2
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#D4E9FF
Light
#A8C1FC
Medium Light
#759BF7
Medium
#1877F2
Medium Dark
#1856AE
Dark
#14386F
Darkest
#0B1B36
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#1877F2
Left Dark
#7394F4
Left Medium
#A5B3F5
Left Light
#CED3F5
Neutral
#F5F5F5
Right Light
#FCDCC0
Right Medium
#FDC38D
Right Dark
#FAAB59
Complementary End
#F29318
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A9B8FA
Medium
#1877F2
Dark
#003BA9
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#18F293
Left Adjacent 1
#18E4F2
Main
#1877F2
Right Adjacent 1
#2618F2
Right Adjacent 2
#9318F2
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#1877F2
Complementary
#F29318
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#1877F2
Secondary
#F21877
Tertiary
#77F218
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#1877F2
Right 90°
#F218E4
Complementary
#F29318
Left 90°
#18F226
Tetradic
Two pairs of complementary colors
4 colors
Main
#1877F2
Secondary
#9318F2
Complementary
#F29318
Complementary Secondary
#77F218
Split Complementary
Complementary colors ±30°
3 colors
Main
#1877F2
Split Left
#F22618
Split Right
#E4F218
Cyclic
Circular gradient for periodic data
8 colors
0°
#1877F2
45°
#5C18F2
90°
#F218E4
135°
#F21841
180°
#F29318
225°
#ADF218
270°
#18F226
315°
#18F2C9
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9EB0C7
Pastel 1
#ABBACE
Pastel 2
#B8C5D6
Pastel 3
#C5D0DD
Pastel 4
#D2DAE5
Deep Pastel
#DFE5EC
#42B72A
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#C2F1B8
Light
#9CDE8B
Medium Light
#73CB5D
Medium
#42B72A
Medium Dark
#337B23
Dark
#22441A
Darkest
#0C140A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#42B72A
Left Dark
#79C762
Left Medium
#A5D793
Left Light
#CEE6C3
Neutral
#F5F5F5
Right Light
#E3C5E6
Right Medium
#CE95D7
Right Dark
#B864C7
Complementary End
#9F2AB7
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#AADC97
Medium
#42B72A
Dark
#005F00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#B79F2A
Left Adjacent 1
#88B72A
Main
#42B72A
Right Adjacent 1
#2AB759
Right Adjacent 2
#2AB79F
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#42B72A
Complementary
#9F2AB7
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#42B72A
Secondary
#2A42B7
Tertiary
#B72A42
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#42B72A
Right 90°
#2A88B7
Complementary
#9F2AB7
Left 90°
#B7592A
Tetradic
Two pairs of complementary colors
4 colors
Main
#42B72A
Secondary
#2AB79F
Complementary
#9F2AB7
Complementary Secondary
#B72A42
Split Complementary
Complementary colors ±30°
3 colors
Main
#42B72A
Split Left
#592AB7
Split Right
#B72A88
Cyclic
Circular gradient for periodic data
8 colors
0°
#42B72A
45°
#2AB77C
90°
#2A88B7
135°
#352AB7
180°
#9F2AB7
225°
#B72A65
270°
#B7592A
315°
#ACB72A
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A9C1A4
Pastel 1
#B4C9B0
Pastel 2
#C0D1BC
Pastel 3
#CBDAC8
Pastel 4
#D7E2D5
Deep Pastel
#E2EAE1
#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