- HEX
- RGB
- HSL
- CMYK
- Pantone
MLB team colors
San Francisco Giants 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 San Francisco Giants colors are orange (#FD5A1E), black (#27251F), cream (#EFD19F) 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 San Francisco Giants or MLB. Colors are as commonly published; check the team's brand guide for official use.
The San Francisco Giants colors, one by one
Orange #FD5A1E · Pantone ≈ 172 C
#FD5A1E is a mid-tone, vivid orange, close to the color Tangelo. In RGB it’s made of 99.2% red, 35.3% green, and 11.8% blue. Its hue is 16°, with 98% saturation and 55% lightness, so it reads as a warm color. Black text sits best on top of it.
Black #27251F · Pantone ≈ Black C
#27251F is a very dark neutral gray, close to the color Graphite. In RGB it’s made of 15.3% red, 14.5% green, and 12.2% blue. Its hue is 45°, with 11% saturation and 14% lightness, so it reads as a neutral color. White text sits best on top of it.
Cream #EFD19F · Pantone ≈ 155 C
#EFD19F is a light, rich orange, close to the color Sunset. In RGB it’s made of 93.7% red, 82% green, and 62.4% blue. Its hue is 38°, with 71% saturation and 78% lightness, so it reads as a warm 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
Black on white15.32:1 · Passes AAA: fine for any text
AAA
Aa
Black on cream10.43:1 · Passes AAA: fine for any text
AAA
Aa
Orange on black4.86:1 · Passes AA: fine for body text
AA
Aa
Orange on white3.15:1 · Large text only (24px+, or 19px bold)
AA Large
Aa
Orange on cream2.15:1 · Too low for text
Fail
Aa
Cream on white1.47:1 · Too low for text
Fail
Palettes built from orange
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.
#72290E #BE4417 #FD5A1E #FEA483 #FFE6DD
Complementary
The main color and its opposite on the wheel, for a bold accent.
#B13F15 #FD5A1E #FFDED2 #199CCD
Analogous
Neighbors on the color wheel: calm, and still clearly the team.
#FA5869 #FD5A1E #B18C11 #FFE6DD
Triadic
Three hues evenly spaced around the wheel, for something livelier.
#FD5A1E #17A73A #A777F8 #FFEFE9
With neutrals
The team colors grounded with a warm gray and an off-white, for print and long reads.
#FD5A1E #27251F #EFD19F #4A4744 #F4F1EA
MLB teams with similar colors
Questions
What are the San Francisco Giants colors?
The San Francisco Giants colors are Orange (#FD5A1E), Black (#27251F), Cream (#EFD19F), White (#FFFFFF).
What is the San Francisco Giants orange hex code?
The San Francisco Giants orange is #FD5A1E: RGB 253, 90, 30, CMYK 0, 64, 88, 1, and the nearest Pantone match is 172 C.
What is the San Francisco Giants black hex code?
The San Francisco Giants black is #27251F: RGB 39, 37, 31, CMYK 0, 5, 21, 85, and the nearest Pantone match is Black C.
Which San Francisco Giants colors work for text?
Black and white have the strongest contrast (15.3:1), which passes WCAG AAA for text. 3 pairs in this palette pass AA for body text.
In use
San Francisco Giants Colors
Game day starts here.
Colors fans know at a glance: schedules, tickets, and everything in between.
Get started Learn moreMLB · Game day
San Francisco Giants Colors
swatch.ing
San Francisco Giants ColorsMajor League Baseball
San Francisco Giants 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.