Facebook Blue
Instantly recognizable, Facebook Blue (#1877F2) is a cornerstone of digital branding. This vibrant, highly saturated shade commands attention with its pure, digital-native energy, making it a powerful and familiar choice for any designer's palette.
Facebook Blue Code Conversions
HEX
#1877F2
LAB
52, 20, -69
RGB
24, 119, 242
XYZ
23.0, 19.8, 86.6
HSL
214°, 89%, 52%
LCH
52, 72, 286°
HSB
214°, 90%, 95%
LUV
52, -26, -108
HWB
214°, 9%, 5%
Facebook Blue Color Harmonies
Analogous
By selecting colors adjacent to Facebook Blue on the color wheel, you create an analogous scheme that feels cohesive and tranquil.
Complementary
Complementary colors are direct opposites on the color wheel. Paired with Facebook Blue, they produce a vibrant combination with maximum visual contrast.
Split Complementary
Instead of using Facebook Blue's direct complement, a split complementary scheme uses the two neighboring colors, offering high contrast with more nuanced harmony.
Triadic
A triadic combination pairs Facebook Blue with two other colors, forming an equilateral triangle on the color wheel for a bold, balanced effect.
Tetradic
A tetradic scheme for Facebook Blue uses two pairs of complementary colors, forming a rich and balanced palette with four distinct hues.
Square
A square color scheme uses four colors evenly spaced on the color wheel. With Facebook Blue, this creates a vibrant, high-contrast palette.
Facebook Blue Contrast Simulation
Facebook Blue Color Variations
Shades
By adding black to Facebook Blue, you create shades that add depth and visual weight.
Tints
Tints are lighter versions of Facebook Blue, created by adding white for a softer effect.
Tones
Tones of Facebook Blue are created by adding gray, which softens the color’s saturation.
Hues
Hues are variations of Facebook Blue, differing in intensity or temperature to create specific moods.
What Interfaces Use Colors Like Facebook Blue?



























