Appearance
Costco Logo Color Code & Palette
Looking for the official Costco logo color code? Get the exact #E31837 and Costco Red, #003087 and Costco Blue and #FFFFFF and Costco White. Complete color information for design and development projects featuring Costco's signature brand color.
Extract Costco Logo Colors from Image
Upload a photo or SVG image containing the Costco 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
Costco Logo Color Code Converter
Instantly convert Costco'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%)
Costco Logo Color Palette
#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
0°
#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
#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
#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