Facebook Blue represents the brand and logo color of Facebook. Facebook's primary logo has a Blue background with a white 'f' used on the Facebook website, app, and other marketing materials.
Facebook refreshed its logo in September 2023, and the new blue shade goes darker to make it more visually accessible in the app and to make the "f" stand out.
According to Facebook, the key drivers behind the brand identity design are:- Elevate the most iconic elements of our brand to create a distinctive, refreshed Facebook
- Unify how the Facebook brand comes to life across product-to-marketing experiences
- Create an expansive set of colors — anchored in our core blue — that is comprehensive and vibrant and also designed to be more accessible to people.
What color is Facebook Blue?
Facebook Blue color belongs to the Blue color family (hue). The hexadecimal color code(color number) for Facebook Blue is #0866FF, and the RGB color code is RGB(8, 102, 255).
In the RGB color model, Facebook Blue has a red value of 8, a green value of 102, and a blue value of 255. The CMYK color model (also known as process color, used in color printing) comprises 96.9% cyan, 60.0% magenta, 0.0% yellow, and 0.0% key (black). The HSL color scale has a hue of 217.2° (degrees), 100.0 % saturation, and 51.6 % lightness. In the HSB/HSV color space, Facebook Blue has a hue of 217.2° (degrees), 96.9 % saturation and 100.0 % brightness/value.
Facebook Blue is cool or warm?
The color Facebook Blue is a cool color.
What is the LRV of Facebook Blue? (For interior and product design)
Facebook Blue has an LRV of nearly 16.8. By LRV value, it is a medium dark color.
Light Reflectance Value (LRV) is a measure of how much visible light is reflected off a surface. It is a number on a scale of 0 to 100, with 0 being pure black and 100 being pure white. The higher the LRV, the more light the color reflects and the lighter it will appear.
Compare LRV 16.8 of Facebook Blue with dark and light color
Is Facebook Blue Readable? WCAG Contrast Checker (For digital design)
Check if the color Facebook Blue meets Web Content Accessibility Guidelines (WCAG) standards, minimum contrast ratio standards between text and background colors. The WCAG (Web Content Accessibility Guidelines) provides global standards for readable web content.
WCAG Recommendations - Large Text: above 18pt or 14pt bold. Normal Text: below 18pt or 14pt bold.
- Minimum contrast ratio (AA): 4.5 for normal text and 3 for large text.
- Enhanced contrast ratio (AAA): 7 for normal text and 4.5 for large text.
Normal text - 14pt
Normal Bold text - 12pt
Large text - 18pt
Large Bold text - 14pt
Color Codes - Color Space Conversions
Facebook Blue (Other - Brand) color codes / color number / color space conversions - HEX, RGBA, CMYK, HSL, HSV/HSB, HYZ, CMY, HWB, RYB
- Hex triplet
- #0866FF
- Red
- 08
- Green
- 66
- Blue
- FF
- Red
- 8 (3.1%)
- Green
- 102 (40.0%)
- Blue
- 255 (100.0%)
- Alpha
- 1 (100.0%)
- Cyan
- 96.86%
- Magenta
- 60.00%
- Yellow
- 0.00%
- Key
- 0.00%
- Hue
- 217.17°
- Saturation
- 100.00 %
- Lightness
- 51.57 %
- Hue
- 217.17°
- Saturation
- 96.86 %
- Brightness / Value
- 100.00 %
- Red
- 1 (0.6%)
- Yellow
- 5 (2.1%)
- Blue
- 171 (67.1%)
- Hue
- 217.17°
- Whiteness
- 3.14 %
- Blackness
- 0.00 %
- Cyan
- 96.86%
- Magenta
- 60.00%
- Yellow
- 0.00%
- X
- 22.9
- Y
- 16.77
- Z
- 96.64
- Y1
- 16.77
- X
- 0.17
- Y2
- 0.12
- L
- 47.97
- A
- 35.38
- B
- -81.9
- L
- 47.97
- C
- 89.22
- H
- 293.36
- L
- 47.97
- U
- -22.17
- V
- -125.27
- L
- 40.96
- A
- 28.14
- B
- -111.23
- LRV
- ~ 16.8 %
- Munsell Color System
- 4.7PB 4.6/20
Similar Colors and Paints
What is Delta E (ΔE)?
Delta E is the standard measure of how different two colors look to the human eye, rather than how far apart their hex codes happen to be. It runs from 0, an exact match, to 100, the largest possible difference — so the lower the Delta E, the closer the match. The match percentage shown on each color below is simply 100% minus its ΔE.
Named colors similar to Facebook Blue (Other - Brand)
These are the named colors closest to Facebook Blue (Other - Brand), closest match first. Each card shows how much of the color the human eye sees as the same, measured as Delta E (ΔE).
Similar colors from Pantone, RAL, and other color matching system
Pantone PMS
Facebook Blue similar/equivalent colors from Pantone PMS. Conversion of Facebook Blue to Pantone PMS
Similar colors from Brand, Business, School, Organization, Sports, Flag
Paint similar to Facebook Blue (Other - Brand)
These are the real paint colors closest to Facebook Blue (Other - Brand) from major brands, ranked by Delta E (ΔE) match. A paint above 98% will be hard to tell apart from Facebook Blue once it is on a wall.
Dunn-Edwards
Facebook Blue similar/equivalent paint from Dunn-Edwards. Conversion of Facebook Blue to Dunn-Edwards
Behr
Facebook Blue similar/equivalent paint from Behr. Conversion of Facebook Blue to Behr
PPG Paints
Facebook Blue similar/equivalent paint from PPG Paints. Conversion of Facebook Blue to PPG Paints
Benjamin Moore
Facebook Blue similar/equivalent paint from Benjamin Moore. Conversion of Facebook Blue to Benjamin Moore
Sherwin Williams
Facebook Blue similar/equivalent paint from Sherwin Williams. Conversion of Facebook Blue to Sherwin Williams
Valspar
Facebook Blue similar/equivalent paint from Valspar. Conversion of Facebook Blue to Valspar
Farrow & Ball
Facebook Blue similar/equivalent paint from Farrow & Ball. Conversion of Facebook Blue to Farrow & Ball
Color Combinations
View more Facebook Blue - #0866FF color palettes and coordinating colors
Monochromatic colors belong to the same hue angle but different tints and shades. Monochromatic color palette can be generated by keeping the exact hue of the base color and then changing the saturation and lightness.
Analogous colors are a group of colors adjacent to each other on a color wheel. Group of these adjacent colors forms Analogous color scheme Palette. Analogous Palette can be generated by increasing or decreasing the hue value by 30 points.
The triadic color palette has three colors separated by 120° in the RGB color wheel
The tetradic colour scheme composed of two sets of complementary colors in a rectangular shape on the color wheel.
Complementary / Opposite Color
Complementary / Opposite Color
Complementary colors are pairs of colors which, when combined or mixed, cancel each other out (lose hue) by producing a grayscale color like white or black. When placed next to each other, they create the strongest contrast for those two colors. Complementary colors also called opposite colors. Complementary color schemes are created using two opposite colors on the color wheel. The examples are red–cyan, green–magenta, and blue–yellow.
What is the contrasting color of Facebook Blue - #0866FF?
Color that best contrast with Facebook Blue - #0866FF is #FFA108, color name is Orange Peel*. Contrast indicates a strong difference in color. Contrasting color can be found several ways, Complimentary contrast is one of them. Complementary contrast colors are opposite each other on the color wheel.
What color compliments Facebook Blue - #0866FF?
Complementary or Opposite color for Facebook Blue - #0866FF is #FFA108, color name is Orange Peel*.
Example Color Images and Mockup
Facebook Blue - #0866FF Color Images and Patterns
