Appearance
Google Logo Color Code & Palette
Looking for the official Google logo color code? Get the exact #4285F4 and Google Blue, #EA4335 and Google Red, #FBBC05 and Google Yellow and #34A853 and Google Green. Complete color information for design and development projects featuring Google's signature brand color.
Extract Google Logo Colors from Image
Upload a photo or SVG image containing the Google 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
Google Logo Color Code Converter
Instantly convert Google'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%)
Google Logo Color Palette
#4285F4
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E3F0FF
Light
#B8CBFC
Medium Light
#87A7F8
Medium
#4285F4
Medium Dark
#3165C0
Dark
#21468E
Darkest
#112A5F
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#4285F4
Left Dark
#809FF5
Left Medium
#ABBBF6
Left Light
#D2D7F6
Neutral
#F5F5F5
Right Light
#FAE3C9
Right Medium
#FBD29D
Right Dark
#F9C171
Complementary End
#F4B142
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#B0BFFB
Medium
#4285F4
Dark
#0042A4
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#42F4B1
Left Adjacent 1
#42DEF4
Main
#4285F4
Right Adjacent 1
#5842F4
Right Adjacent 2
#B142F4
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#4285F4
Complementary
#F4B142
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#4285F4
Secondary
#F44285
Tertiary
#85F442
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#4285F4
Right 90°
#F442DE
Complementary
#F4B142
Left 90°
#42F458
Tetradic
Two pairs of complementary colors
4 colors
Main
#4285F4
Secondary
#B142F4
Complementary
#F4B142
Complementary Secondary
#85F442
Split Complementary
Complementary colors ±30°
3 colors
Main
#4285F4
Split Left
#F45842
Split Right
#DEF442
Cyclic
Circular gradient for periodic data
8 colors
0°
#4285F4
45°
#8542F4
90°
#F442DE
135°
#F44258
180°
#F4B142
225°
#B1F442
270°
#42F458
315°
#42F4DE
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9EADC7
Pastel 1
#ABB8CE
Pastel 2
#B8C3D6
Pastel 3
#C5CEDD
Pastel 4
#D2D9E5
Deep Pastel
#DFE4EC
#EA4335
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE7E5
Light
#FFB4A7
Medium Light
#F9806C
Medium
#EA4335
Medium Dark
#B03227
Dark
#7A211A
Darkest
#48110C
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#EA4335
Left Dark
#F57662
Left Medium
#FCA291
Left Light
#FCCCC2
Neutral
#F5F5F5
Right Light
#D2EFF2
Right Medium
#ABE9F0
Right Dark
#7DE3ED
Complementary End
#35DCEA
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFA795
Medium
#EA4335
Dark
#940000
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#EA35DC
Left Adjacent 1
#EA3581
Main
#EA4335
Right Adjacent 1
#EA9E35
Right Adjacent 2
#DCEA35
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#EA4335
Complementary
#35DCEA
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#EA4335
Secondary
#35EA43
Tertiary
#4335EA
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#EA4335
Right 90°
#81EA35
Complementary
#35DCEA
Left 90°
#9E35EA
Tetradic
Two pairs of complementary colors
4 colors
Main
#EA4335
Secondary
#DCEA35
Complementary
#35DCEA
Complementary Secondary
#4335EA
Split Complementary
Complementary colors ±30°
3 colors
Main
#EA4335
Split Left
#35EA9E
Split Right
#3581EA
Cyclic
Circular gradient for periodic data
8 colors
0°
#EA4335
45°
#EACB35
90°
#81EA35
135°
#35EA70
180°
#35DCEA
225°
#3554EA
270°
#9E35EA
315°
#EA35AF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C5A3A0
Pastel 1
#CDAFAD
Pastel 2
#D5BBB9
Pastel 3
#DCC8C6
Pastel 4
#E4D4D3
Deep Pastel
#ECE0DF
#FBBC05
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF2C7
Light
#FFDF92
Medium Light
#FFCD5C
Medium
#FBBC05
Medium Dark
#B28611
Dark
#6F5411
Darkest
#32270A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FBBC05
Left Dark
#FFCA5B
Left Medium
#FFD890
Left Light
#FEE6C2
Neutral
#F5F5F5
Right Light
#D1C6F9
Right Medium
#A999FB
Right Dark
#776EFB
Complementary End
#0544FB
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFDD94
Medium
#FBBC05
Dark
#825600
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FB0544
Left Adjacent 1
#FB4105
Main
#FBBC05
Right Adjacent 1
#BFFB05
Right Adjacent 2
#44FB05
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FBBC05
Complementary
#0544FB
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FBBC05
Secondary
#05FBBC
Tertiary
#BC05FB
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FBBC05
Right 90°
#05FB41
Complementary
#0544FB
Left 90°
#FB05BF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FBBC05
Secondary
#44FB05
Complementary
#0544FB
Complementary Secondary
#BC05FB
Split Complementary
Complementary colors ±30°
3 colors
Main
#FBBC05
Split Left
#05BFFB
Split Right
#4105FB
Cyclic
Circular gradient for periodic data
8 colors
0°
#FBBC05
45°
#82FB05
90°
#05FB41
135°
#05FBFA
180°
#0544FB
225°
#7E05FB
270°
#FB05BF
315°
#FB0507
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9BD9C
Pastel 1
#D0C6A9
Pastel 2
#D7CFB7
Pastel 3
#DED8C4
Pastel 4
#E6E0D1
Deep Pastel
#EDE9DE
#34A853
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#B8ECC6
Light
#90D59F
Medium Light
#66BF79
Medium
#34A853
Medium Dark
#2B713B
Dark
#1F3F25
Darkest
#0C120E
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#34A853
Left Dark
#6EBC7A
Left Medium
#9DCFA2
Left Light
#C9E2CB
Neutral
#F5F5F5
Right Light
#E5C6D9
Right Medium
#D298BE
Right Dark
#BE69A3
Complementary End
#A83489
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A2D4A7
Medium
#34A853
Dark
#005806
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#89A834
Left Adjacent 1
#4FA834
Main
#34A853
Right Adjacent 1
#34A88D
Right Adjacent 2
#3489A8
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#34A853
Complementary
#A83489
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#34A853
Secondary
#5334A8
Tertiary
#A85334
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#34A853
Right 90°
#344FA8
Complementary
#A83489
Left 90°
#A88D34
Tetradic
Two pairs of complementary colors
4 colors
Main
#34A853
Secondary
#3489A8
Complementary
#A83489
Complementary Secondary
#A85334
Split Complementary
Complementary colors ±30°
3 colors
Main
#34A853
Split Left
#8D34A8
Split Right
#A8344F
Cyclic
Circular gradient for periodic data
8 colors
0°
#34A853
45°
#34A6A8
90°
#344FA8
135°
#7034A8
180°
#A83489
225°
#A83634
270°
#A88D34
315°
#6CA834
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A6BFAD
Pastel 1
#B2C7B8
Pastel 2
#BED0C3
Pastel 3
#CAD8CE
Pastel 4
#D6E1D9
Deep Pastel
#E1EAE4