Automotive
Toyota Color Codes
Toyota's brand color is a single strong red, hex #EB0A1E, documented in Toyota's own brand guidelines. The Toyota color codes in Hex, RGB and CMYK can be found below, with black, white and a mid grey supporting the red. The three-oval badge dates from 1989, the company's fiftieth year. Toyota's most-compared rival is Honda.
Primary colors
What are Toyota Primary Colors?
Toyota's primary colors are red #EB0A1E, white #FFFFFF, black #000000, gray #58595B.
Toyota Red is published in Toyota's brand guidelines; the other values are conversions.
Toyota Red
| Hex | #EB0A1E |
|---|---|
| RGB | 235, 10, 30 |
| HSL | hsl(355, 92%, 48%) |
| CMYK | 0%, 96%, 87%, 8%converted · approximate |
| Pantone | PMS 1788 Cnearest match · not published by the brand |
Toyota 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 |
Toyota Black
| Hex | #000000 |
|---|---|
| RGB | 0, 0, 0 |
| HSL | hsl(0, 0%, 0%) |
| CMYK | 0%, 0%, 0%, 100%converted · approximate |
| Pantone | PMS 419 Cnearest match · not published by the brand |
Toyota Gray
| Hex | #58595B |
|---|---|
| RGB | 88, 89, 91 |
| HSL | hsl(220, 2%, 35%) |
| CMYK | 3%, 2%, 0%, 64%converted · approximate |
| Pantone | PMS 445 Cnearest match · not published by the brand |
Toyota Hex Color Codes
Toyota hex color codes are #EB0A1E for red, #FFFFFF for white, #000000 for black and #58595B for gray.
| Color | Hex |
|---|---|
| Red | #EB0A1E |
| White | #FFFFFF |
| Black | #000000 |
| Gray | #58595B |
Toyota RGB Color Codes
Toyota RGB color codes are 235, 10, 30 for red, 255, 255, 255 for white, 0, 0, 0 for black and 88, 89, 91 for gray. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Red | rgb(235, 10, 30) |
| White | rgb(255, 255, 255) |
| Black | rgb(0, 0, 0) |
| Gray | rgb(88, 89, 91) |
Toyota HSL Color Codes
Toyota HSL color codes are 355, 92%, 48% for red, 0, 0%, 100% for white, 0, 0%, 0% for black and 220, 2%, 35% for gray. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Red | hsl(355, 92%, 48%) |
| White | hsl(0, 0%, 100%) |
| Black | hsl(0, 0%, 0%) |
| Gray | hsl(220, 2%, 35%) |
Toyota CMYK Color Code
Toyota CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Red | 0%, 96%, 87%, 8% |
| White | 0%, 0%, 0%, 0% |
| Black | 0%, 0%, 0%, 100% |
| Gray | 3%, 2%, 0%, 64% |
Toyota Pantone Color Codes
Toyota Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Red | PMS 1788 C |
| White | PMS 656 C |
| Black | PMS 419 C |
| Gray | PMS 445 C |
Logo
Toyota Logo Colors
Toyota logo colors are red for the ovals in most uses, with black, white and grey for supporting layouts.
Toyota Logo Colors Palette
What the Toyota Logo Colors Mean?
The Toyota logo colors barely register on their own; the three ellipses carry the idea. The two that overlap at the centre stand for the customer and the company locked together, and they also spell a T. The outer ellipse is the wider world Toyota reaches. The uneven line weight nods to a Japanese brush stroke. Every letter of TOYOTA can be traced inside the shape, which is a designer's flourish rather than the point.
Toyota Logo Color History
Toyota logo color history is brief. Before 1989 the company used a plain wordmark. The oval mark was drawn to work in any country and any script, and it has barely moved since, apart from a flat, wordless version brought in for Europe in 2019. Red has been the constant.
Toyota Logo Fonts
Toyota logo fonts stay in-house. The brand uses Toyota Type, which reads as a mildly humanist grotesque. Frutiger or Interstate is the closest face you can buy.
Toyota Logo JPG
Toyota logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Toyota Logo PNG
Toyota logo in PNG, with a transparent background. Use it over a colored surface.
Toyota Logo WebP
Toyota logo in WebP. Same transparency as the PNG at about a third of the file size.
Toyota Color Code Shades
Toyota color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Toyota paint or trim names.
In code
Using the Toyota palette
CSS custom properties
:root {
--toyota-red: #EB0A1E;
--toyota-white: #FFFFFF;
--toyota-black: #000000;
--toyota-gray: #58595B;
}Contrast against white
| Red | 4.57:1AA ✓ |
|---|---|
| White | 1.00:1AA × |
| Black | 21.00:1AA ✓ |
| Gray | 7.01: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.