Social MediaFounded 2004
Facebook Brand Colors
Facebook's brand is defined by its classic blue, representing trust, reliability, and communication.
facebook.com ↗Brand Palette
#1877F2
#0D6EFD
#FFFFFF
Primary
Secondary
Background
Color Values
Facebook Blue
Primary
- HEX
- #1877F2
- RGB
- rgb(24, 119, 242)
- HSL
- hsl(214, 89%, 52%)
Facebook Dark Blue
Secondary
- HEX
- #0D6EFD
- RGB
- rgb(13, 110, 253)
- HSL
- hsl(216, 98%, 52%)
Facebook White
Background
- HEX
- #FFFFFF
- RGB
- rgb(255, 255, 255)
- HSL
- hsl(0, 0%, 100%)
Accessibility Analysis
| Color | on White | on Black |
|---|---|---|
Facebook Blue | 4.23:1AA Large | 4.96:1AA |
Facebook Dark Blue | 4.5:1AA | 4.67:1AA |
Facebook 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 {
--facebook-facebook-blue: #1877F2;
--facebook-facebook-dark-blue: #0D6EFD;
--facebook-facebook-white: #FFFFFF;
}
/* Usage example */
.btn-primary {
background-color: var(--facebook-facebook-blue);
color: #ffffff;
}Similar Color Alternatives
Named colors visually closest to Facebook's primary color — useful for approximations or accessible substitutes.
Design Notes
Color Psychology
Facebook uses a mid-tone palette anchored by Facebook Blue (#1877F2). Social platforms use vibrant, energetic colors to trigger engagement and emotional connection — blue for trust, red/orange for excitement.
Design Principles
- Consistent color usage across touchpoints builds strong brand recognition
- Color palette reflects the brand's industry positioning and audience expectations
Explore Individual Colors
Tags
socialbluetrustcommunication
More Social Media Brand Colors
Frequently Asked Questions
What are Facebook's official brand colors?
Facebook's official brand colors are: Facebook Blue (#1877F2), Facebook Dark Blue (#0D6EFD), Facebook White (#FFFFFF).
What is Facebook's primary color hex code?
Facebook's primary brand color is Facebook Blue with hex code #1877F2.
What are the RGB values for Facebook's primary color?
Facebook Blue (#1877F2) has RGB values of rgb(24, 119, 242).
What is the HSL value of Facebook's primary color?
Facebook Blue has an HSL value of hsl(214, 89%, 52%).
Is Facebook's primary color WCAG accessible?
Facebook Blue (#1877F2) has a contrast ratio of 4.23:1 on white, which passes WCAG AA Large.
What industry is Facebook in?
Facebook operates in the Social Media industry, founded in 2004.