Automotive
Honda Color Codes
Honda's brand color is red, hex #CC0000, unchanged since 2000. The Honda color codes in Hex, RGB and CMYK can be found below, with silver and white as support. Honda began as a motorcycle maker in 1948, and the H in the badge is just Soichiro Honda's initial. Its default rival on the road is Toyota.
Primary colors
What are Honda Primary Colors?
Honda's primary colors are red #CC0000, silver #999999, white #FFFFFF.
Honda's red is close to Pantone 485 C; the CMYK shown is a conversion.
Honda Red
| Hex | #CC0000 |
|---|---|
| RGB | 204, 0, 0 |
| HSL | hsl(0, 100%, 40%) |
| CMYK | 0%, 100%, 100%, 20%converted · approximate |
| Pantone | PMS 485 Cnearest match · not published by the brand |
Honda Silver
| Hex | #999999 |
|---|---|
| RGB | 153, 153, 153 |
| HSL | hsl(0, 0%, 60%) |
| CMYK | 0%, 0%, 0%, 40%converted · approximate |
| Pantone | PMS 430 Cnearest match · not published by the brand |
Honda 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 |
Honda Hex Color Codes
Honda hex color codes are #CC0000 for red, #999999 for silver and #FFFFFF for white.
| Color | Hex |
|---|---|
| Red | #CC0000 |
| Silver | #999999 |
| White | #FFFFFF |
Honda RGB Color Codes
Honda RGB color codes are 204, 0, 0 for red, 153, 153, 153 for silver and 255, 255, 255 for white. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Red | rgb(204, 0, 0) |
| Silver | rgb(153, 153, 153) |
| White | rgb(255, 255, 255) |
Honda HSL Color Codes
Honda HSL color codes are 0, 100%, 40% for red, 0, 0%, 60% for silver and 0, 0%, 100% for white. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Red | hsl(0, 100%, 40%) |
| Silver | hsl(0, 0%, 60%) |
| White | hsl(0, 0%, 100%) |
Honda CMYK Color Code
Honda 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%, 100%, 100%, 20% |
| Silver | 0%, 0%, 0%, 40% |
| White | 0%, 0%, 0%, 0% |
Honda Pantone Color Codes
Honda 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 485 C |
| Silver | PMS 430 C |
| White | PMS 656 C |
Logo
Honda Logo Colors
Honda logo colors are red and white for the H, with silver on the raised car badge.
Honda Logo Colors Palette
What the Honda Logo Colors Mean?
The Honda logo colors are read as energy and racing, at least in the company's telling. The badge itself is a squared-off H in a trapezoid that widens toward the top, and Soichiro Honda gave it no hidden layer; the tales about gears or a waving driver are not from Honda. Motorcycles wear a different mark, a stylised wing tied to speed since the first badge.
Honda Logo Color History
Honda logo color history runs from 1960, when the cursive 1950s script gave way to a red oval with a white H. The chrome H on today's cars and the red-and-white H in print both descend from that. The palette was tidied around 2000 and has not moved.
Honda Logo Fonts
Honda logo fonts are hand-drawn for the wordmark itself. Since 2016 the brand has run a custom text face alongside it. For everyday work, plain Helvetica or Arial is close enough.
Honda Logo JPG
Honda logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Honda Logo PNG
Honda logo in PNG, with a transparent background. Use it over a colored surface.
Honda Logo WebP
Honda logo in WebP. Same transparency as the PNG at about a third of the file size.
Honda Color Code Shades
Honda color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Honda paint or trim names.
In code
Using the Honda palette
CSS custom properties
:root {
--honda-red: #CC0000;
--honda-silver: #999999;
--honda-white: #FFFFFF;
}Contrast against white
| Red | 5.89:1AA ✓ |
|---|---|
| Silver | 2.85: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.