Food & Restaurants
Subway Color Codes
Subway pairs a green, hex #008938, with a yellow, #F2B700, on a wordmark with arrows at each end. The Subway color codes in Hex, RGB and CMYK can be found below. Fred DeLuca opened the first shop in 1965 at seventeen to pay for college, with a 1,000 dollar loan from family friend Peter Buck. Its rival across quick counter food is McDonald's.
Primary colors
What are Subway Primary Colors?
Subway's primary colors are subway green #008938, subway yellow #F2B700, white #FFFFFF.
Subway publishes no open hex sheet; these are measured from the current mark.
Subway Subway Green
| Hex | #008938 |
|---|---|
| RGB | 0, 137, 56 |
| HSL | hsl(145, 100%, 27%) |
| CMYK | 100%, 0%, 59%, 46%converted · approximate |
| Pantone | PMS 355 Cnearest match · not published by the brand |
Subway Subway Yellow
| Hex | #F2B700 |
|---|---|
| RGB | 242, 183, 0 |
| HSL | hsl(45, 100%, 47%) |
| CMYK | 0%, 24%, 100%, 5%converted · approximate |
| Pantone | PMS 130 Cnearest match · not published by the brand |
Subway White
| Hex | #FFFFFF |
|---|---|
| RGB | 255, 255, 255 |
| HSL | hsl(0, 0%, 100%) |
| CMYK | 0%, 0%, 0%, 0%converted · approximate |
| Pantone | PMS 656 Cnearest match · not published by the brand |
Subway Hex Color Codes
Subway hex color codes are #008938 for subway green, #F2B700 for subway yellow and #FFFFFF for white.
| Color | Hex |
|---|---|
| Subway Green | #008938 |
| Subway Yellow | #F2B700 |
| White | #FFFFFF |
Subway RGB Color Codes
Subway RGB color codes are 0, 137, 56 for subway green, 242, 183, 0 for subway yellow and 255, 255, 255 for white. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Subway Green | rgb(0, 137, 56) |
| Subway Yellow | rgb(242, 183, 0) |
| White | rgb(255, 255, 255) |
Subway HSL Color Codes
Subway HSL color codes are 145, 100%, 27% for subway green, 45, 100%, 47% for subway yellow and 0, 0%, 100% for white. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Subway Green | hsl(145, 100%, 27%) |
| Subway Yellow | hsl(45, 100%, 47%) |
| White | hsl(0, 0%, 100%) |
Subway CMYK Color Code
Subway CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Subway Green | 100%, 0%, 59%, 46% |
| Subway Yellow | 0%, 24%, 100%, 5% |
| White | 0%, 0%, 0%, 0% |
Subway Pantone Color Codes
Subway Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Subway Green | PMS 355 C |
| Subway Yellow | PMS 130 C |
| White | PMS 656 C |
Logo
Subway Logo Colors
Subway logo colors are green and yellow, with an arrow on the S and the Y.
Subway Logo Colors Palette
What the Subway Logo Colors Mean?
The Subway logo colors sit around the arrows, which are the point. Added when the shop took the Subway name in 1968, they read as a way in and a way out, quick entry and quick exit, and they echo the movement in the word itself. Green and yellow arrived later and now stand for fresh and for the bread.
Subway Logo Color History
Subway logo color history moved from a plain yellow wordmark with black arrows to the green-and-yellow scheme used since the 1980s. A 2016 redraw by Turner Duckworth kept both arrows and squared the letters.
Subway Logo Fonts
Subway logo fonts are a custom sans, not for sale. A sturdy grotesque is the closest substitute.
Subway Logo JPG
Subway logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Subway Logo PNG
Subway logo in PNG, with a transparent background. Use it over a colored surface.
Subway Logo WebP
Subway logo in WebP. Same transparency as the PNG at about a third of the file size.
Subway Color Code Shades
Subway color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Subway paint or trim names.
In code
Using the Subway palette
CSS custom properties
:root {
--subway-subway-green: #008938;
--subway-subway-yellow: #F2B700;
--subway-white: #FFFFFF;
}Contrast against white
| Subway Green | 4.53:1AA ✓ |
|---|---|
| Subway Yellow | 1.82:1AA × |
| White | 1.00:1AA × |
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.