Brand color

Strava Primary

#fc5404

hex#fc5404

rgbrgb(252, 84, 4)

hslhsl(19, 98%, 50%)

oklchoklch(0.67 0.215 38.6)

From Strava brand colorsRelative luminance 0.2704

Warm Vivid Playful Bold

Open in palette tool Check contrast

Strava Primary on this page is the real value, not a screenshot: exact hex, RGB, HSL and OKLCH, ten tints and ten shades, classic harmonies, and WCAG contrast with fixes — plus the 11 public brands that use it and the palettes it appears in.

Tints & shades

Tints — toward white

fd631c fd7435 fd8249 fd9462 fea57c feb695 fec8ae fed5c2 ffe7dc fff8f5

Shades — toward black

e34a02 cf4302 b63b02 a23402 882c01 6f2401 5b1d01 421501 2d0f00 140700

Every swatch is its own page — click any to analyze it.

Harmonies

Complementary

Open in tool →

fc5404 03adfc

#03adfc

Analogous

Open in tool →

fc5404 fc0330 fccf03

#fc0330 · #fccf03

Triadic

Open in tool →

fc5404 03fc52 5203fc

#03fc52 · #5203fc

Split-complementary

Open in tool →

fc5404 03fccf 0330fc

#03fccf · #0330fc

Tetradic

Open in tool →

fc5404 30fc03 03adfc cf03fc

#30fc03 · #03adfc · #cf03fc

Contrast

Strava Primary as text	Ratio	AA	AA large	AAA	Fix
Aaon white	3.28:1	fail	pass	fail	AA: use #d44502 as the text (4.51:1) AAA: use #9d3302 as the text (7.22:1) AA: or shift the background to #262626 (4.62:1)
Aaon black	6.41:1	pass	pass	fail	AAA: use #fd6621 as the text (7.1:1)

Fixes keep hue and saturation and move lightness only, so the suggestion stays on-brand. Ratios are symmetric: the same numbers apply with Strava Primary as the background.

Brands using this color

Fonts for this mood

Strava Primary reads as warm, vivid, playful. The font library is tagged with the same vocabulary:

Warm fonts →Playful fonts →Bold fonts →

mcpConnect your agent — build around Strava Primary

live endpoint

Point any MCP client at the shared colors endpoint and your agent gets the same engine as this page — generate_palette, check_contrast, analyze_color — read-only, no key. Every palette it proposes comes with a /palettes/new/… link: open it, lock what you like, paste the link back.

endpointhttps://mcp.brandsweets.com/colors/mcp

claude mcp add --transport http brandsweets-colors https://mcp.brandsweets.com/colors/mcp

try this prompt

›analyze #fc5404 and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link

tool url/palettes/new/fc5404-c4ad9c-62cbb9-2d2a1f-f1e9eb?lock=0&style=vibrant

Want the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.

Machine-readable: color.md