- HEX
- RGB
- HSL
- CMYK
- Pantone
MLS team colors
Chicago Fire Colors
Download
- HEX
- RGB
- HSL
- CMYK
- Pantone
- HEX
- RGB
- HSL
- CMYK
- Pantone
- HEX
- RGB
- HSL
- CMYK
- Pantone
Values marked ≈ are the nearest match in the Pantone list, not an official PMS. Check a printed Pantone guide before you print.
The Chicago Fire colors are red (#AF2626), navy (#141946), Sky Blue (#7CCDEF) and white (#FFFFFF). Tap any color for its RGB, CMYK and Pantone values, or open its page for tints, shades, harmonies and contrast.
Team names identify the teams only; Swatch.ing isn't affiliated with the Chicago Fire or MLS. Colors are as commonly published; check the team's brand guide for official use.
The Chicago Fire colors, one by one
Red #AF2626 · Pantone ≈ 1805 C
#AF2626 is a mid-tone, rich red, close to the color Firebrick. In RGB it’s made of 68.6% red, 14.9% green, and 14.9% blue. Its hue is 0°, with 64% saturation and 42% lightness, so it reads as a warm color. White text sits best on top of it.
Navy #141946 · Pantone ≈ 276 C
#141946 is a very dark, rich blue, close to the color Indigo Night. In RGB it’s made of 7.8% red, 9.8% green, and 27.5% blue. Its hue is 234°, with 56% saturation and 18% lightness, so it reads as a cool color. White text sits best on top of it.
Sky Blue #7CCDEF · Pantone ≈ 297 C
#7CCDEF is a light, vivid blue, close to the color Baby Blue. In RGB it’s made of 48.6% red, 80.4% green, and 93.7% blue. Its hue is 198°, with 78% saturation and 71% lightness, so it reads as a cool color. Black text sits best on top of it.
White #FFFFFF · Pantone ≈ White
#FFFFFF is an almost-white neutral, known as White. In RGB it’s made of 100% red, 100% green, and 100% blue. Its hue is 0°, with 0% saturation and 100% lightness, so it reads as a neutral color. Black text sits best on top of it.
Which colors work together for text
Contrast for every pair, checked against WCAG. Use the passing pairs for text; the rest are fine for shapes, stripes and backgrounds.
Aa
Navy on white16.70:1 · Passes AAA: fine for any text
AAA
Aa
Navy on sky blue9.41:1 · Passes AAA: fine for any text
AAA
Aa
Red on white6.71:1 · Passes AA: fine for body text
AA
Aa
Red on sky blue3.78:1 · Large text only (24px+, or 19px bold)
AA Large
Aa
Red on navy2.49:1 · Too low for text
Fail
Aa
Sky Blue on white1.77:1 · Too low for text
Fail
Palettes built from red
Starting points for fan sites, posters and projects that need more than the official colors. Open any of them in the palette builder to adjust.
Tints & shades
The main color, lighter and darker: backgrounds, borders and hover states that stay on-brand.
#4F1111 #831D1D #AF2626 #D38888 #F3DEDE
Complementary
The main color and its opposite on the wheel, for a bold accent.
#7B1B1B #AF2626 #EFD4D4 #006767
Analogous
Neighbors on the color wheel: calm, and still clearly the team.
#B10E68 #AF2626 #8C4B00 #F3DEDE
Triadic
Three hues evenly spaced around the wheel, for something livelier.
#AF2626 #0C6B0F #5E4AB4 #F7E9E9
With neutrals
The team colors grounded with a warm gray and an off-white, for print and long reads.
#AF2626 #141946 #7CCDEF #4A4744 #F4F1EA
MLS teams with similar colors
Questions
What are the Chicago Fire colors?
The Chicago Fire colors are Red (#AF2626), Navy (#141946), Sky Blue (#7CCDEF), White (#FFFFFF).
What is the Chicago Fire red hex code?
The Chicago Fire red is #AF2626: RGB 175, 38, 38, CMYK 0, 78, 78, 31, and the nearest Pantone match is 1805 C.
What is the Chicago Fire navy hex code?
The Chicago Fire navy is #141946: RGB 20, 25, 70, CMYK 71, 64, 0, 73, and the nearest Pantone match is 276 C.
Which Chicago Fire colors work for text?
Navy and white have the strongest contrast (16.7:1), which passes WCAG AAA for text. 3 pairs in this palette pass AA for body text.
In use
Chicago Fire Colors
Game day starts here.
Colors fans know at a glance: schedules, tickets, and everything in between.
Get started Learn moreMLS · Game day
Chicago Fire Colors
swatch.ing
Chicago Fire ColorsMajor League Soccer
Chicago Fire Colors4 colorsswatch.ing
Today
Weekly goal72%
AllWorkHome
Morning walk7:30 · 30 min
Read a chapter21:00 · 20 min
Add habit
Background, text, and accents all come from this palette. Shuffle to try other pairings; text always stays readable.