FourSquare Brand Color
The official FourSquare brand color is #F94877. Use this exact color code to maintain brand consistency across your designs, websites, and marketing materials.
FourSquare Color Values
HEX
#F94877
RGB
249, 72, 119
HSL
344, 94%, 63%
FourSquare Tints & Shades
A range of lighter tints and darker shades derived from the FourSquare base color.
Tint 50%
#FEE6ED
Tint 40%
#FDC9D7
Tint 30%
#FCA6BD
Tint 20%
#FB88A7
Tint 10%
#FA668D
Base
#F94877
Shade 10%
#F81653
Shade 20%
#D0063C
Shade 30%
#9E052E
Shade 40%
#68031E
Shade 50%
#360210
Contrast & Accessibility
Contrast ratio: 3.38:1
Contrast ratio: 6.22:1
Frequently Asked Questions
What is the official FourSquare color?▾
The official FourSquare brand color is #F94877. In RGB this is rgb(249, 72, 119), and in HSL it is hsl(344, 94%, 63%).
What is the FourSquare hex code?▾
The FourSquare hex color code is #F94877. You can use this value directly in CSS, design tools like Figma or Sketch, and any application that accepts hex color codes.
Is the FourSquare color accessible?▾
Against white, the FourSquare color has a contrast ratio of 3.38:1 (fails WCAG AA). Against black, it has 6.22:1 (passes WCAG AA). Black text on this color is accessible.