ColorPal

Facebook Brand Color

The official Facebook brand color is #1877F2. Use this exact color code to maintain brand consistency across your designs, websites, and marketing materials.

Facebook Color Values

HEX

#1877F2

RGB

24, 119, 242

HSL

214, 89%, 52%

Facebook Tints & Shades

A range of lighter tints and darker shades derived from the Facebook base color.

Tint 50%

#E7F1FE

Tint 40%

#BCD7FB

Tint 30%

#95C0F9

Tint 20%

#6AA7F6

Tint 10%

#4390F4

Base

#1877F2

Shade 10%

#0C61CF

Shade 20%

#0A4FA9

Shade 30%

#073A7D

Shade 40%

#052652

Shade 50%

#03142B

Contrast & Accessibility

White Text

Contrast ratio: 4.23:1

AA: FailAAA: FailAA Large: PassAAA Large: Fail
Black Text

Contrast ratio: 4.96:1

AA: PassAAA: FailAA Large: PassAAA Large: Pass

Frequently Asked Questions

What is the official Facebook color?

The official Facebook brand color is #1877F2. In RGB this is rgb(24, 119, 242), and in HSL it is hsl(214, 89%, 52%).

What is the Facebook hex code?

The Facebook hex color code is #1877F2. You can use this value directly in CSS, design tools like Figma or Sketch, and any application that accepts hex color codes.

Is the Facebook color accessible?

Against white, the Facebook color has a contrast ratio of 4.23:1 (fails WCAG AA). Against black, it has 4.96:1 (passes WCAG AA). Black text on this color is accessible.

Related Resources