KolorPal

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