Social MediaFounded 2011
Snapchat Brand Colors
Snapchat's vibrant yellow captures the fun, spontaneous, and ephemeral spirit of the platform.
snapchat.com ↗Brand Palette
#FFFC00
#000000
#FFFFFF
Primary
Ghost Icon
Background
Color Values
Snapchat Yellow
Primary
- HEX
- #FFFC00
- RGB
- rgb(255, 252, 0)
- HSL
- hsl(59, 100%, 50%)
Snapchat Black
Ghost Icon
- HEX
- #000000
- RGB
- rgb(0, 0, 0)
- HSL
- hsl(0, 0%, 0%)
Snapchat White
Background
- HEX
- #FFFFFF
- RGB
- rgb(255, 255, 255)
- HSL
- hsl(0, 0%, 100%)
Accessibility Analysis
| Color | on White | on Black |
|---|---|---|
Snapchat Yellow | 1.1:1Fail | 19.18:1AAA |
Snapchat Black | 21:1AAA | 1:1Fail |
Snapchat White | 1:1Fail | 21:1AAA |
WCAG AA requires 4.5:1 for normal text. AA Large requires 3:1 for large text (18pt+) and UI components. AAA requires 7:1.
CSS Implementation
:root {
--snapchat-snapchat-yellow: #FFFC00;
--snapchat-snapchat-black: #000000;
--snapchat-snapchat-white: #FFFFFF;
}
/* Usage example */
.btn-primary {
background-color: var(--snapchat-snapchat-yellow);
color: #ffffff;
}Similar Color Alternatives
Named colors visually closest to Snapchat's primary color — useful for approximations or accessible substitutes.
Design Notes
Color Psychology
Snapchat uses a mid-tone palette anchored by Snapchat Yellow (#FFFC00). Social platforms use vibrant, energetic colors to trigger engagement and emotional connection — blue for trust, red/orange for excitement.
Design Principles
- High contrast ratios ensure legibility across all contexts
- Monochromatic palette maximizes versatility and brand consistency
- Warm-toned palette triggers emotional engagement and energy
Explore Individual Colors
Tags
socialyellowplayfulyouth
More Social Media Brand Colors
Frequently Asked Questions
What are Snapchat's official brand colors?
Snapchat's official brand colors are: Snapchat Yellow (#FFFC00), Snapchat Black (#000000), Snapchat White (#FFFFFF).
What is Snapchat's primary color hex code?
Snapchat's primary brand color is Snapchat Yellow with hex code #FFFC00.
What are the RGB values for Snapchat's primary color?
Snapchat Yellow (#FFFC00) has RGB values of rgb(255, 252, 0).
What is the HSL value of Snapchat's primary color?
Snapchat Yellow has an HSL value of hsl(59, 100%, 50%).
Is Snapchat's primary color WCAG accessible?
Snapchat Yellow (#FFFC00) has a contrast ratio of 1.1:1 on white, which does not pass WCAG AA (requires 4.5:1). Consider pairing it with a high-contrast text color.
What industry is Snapchat in?
Snapchat operates in the Social Media industry, founded in 2011.