#1877f2

Facebook Blue

Color code information, RGB and HSL conversion values, WCAG accessibility contrast ratios, color harmonies, tints, and shades for #1877f2.

Brand names are trademarks of their owners. Values are the colours commonly cited from each brand's guidelines or logo and may differ from current official assets.

Color Swatch#1877F2

Best Text: Black

The quick brown fox jumps over the lazy dog.

Sample typography preview rendered in #000000 (black) text for optimal readability.

Color Values & Conversions

HEX#1877f2

RGBrgb(24, 119, 242)

HSLhsl(214, 89%, 52%)

CMYKcmyk(90%, 51%, 0%, 5%)

WCAG Contrast Ratios

Contrast evaluation under WCAG 2.1 standards. Normal text requires 4.5:1 (AA) or 7.0:1 (AAA). Large text (≥18pt or 14pt bold) requires 3.0:1 (AA) or 4.5:1 (AAA).

Against White4.23:1

White Text Preview

Normal AA:Fail

Normal AAA:Fail

Large AA:Pass

Large AAA:Fail

Against Black4.46:1

Black Text Preview

Normal AA:Fail

Normal AAA:Fail

Large AA:Pass

Large AAA:Fail

Color Harmonies

Complementary (180°)

#1877f2Base

#f29318Complement

Triadic (±120°)

#1877f2Base

#f21876+120°

#76f218-120°

Analogous (±30°)

#18e3f2-30°

#1877f2Base

#2618f2+30°

Tints & Shades

Tints (Mixing toward White)

#3b8bf4+15%

#5da0f6+30%

#80b4f8+45%

#a3c9fa+60%

#c5ddfc+75%

Shades (Mixing toward Black)

#1465ce-15%

#1153a9-30%

#0d4185-45%

#0a3061-60%

#061e3d-75%

Color Names

Facebook BlueBrand Color

Also known as:

Facebook Blue

Brand names are trademarks of their owners. Values are the colours commonly cited from each brand's guidelines or logo and may differ from current official assets.

Want to extract colors from an image?

Upload or drag any photo, screenshot, or graphic to sample pixel-exact colors with a 10× zoom loupe, extract dominant palettes, and copy CSS variables.

Pick colours from your own image →