Video Games
Capcom Color Codes
Capcom works in a blue, hex #0C4DA2, with a yellow, hex #FFCB08. The Capcom color codes in Hex, RGB and CMYK can be found below. It started in Osaka in 1979 making arcade machines; the name is short for Capsule Computers. Street Fighter II, Mega Man, Resident Evil and Monster Hunter came out of it. Its nearest peer on this site is Konami.
Primary colors
What are Capcom Primary Colors?
Capcom's primary colors are blue #0C4DA2, yellow #FFCB08.
Capcom publishes a brand system; the values shown are its blue and yellow.
Capcom Blue
| Hex | #0C4DA2 |
|---|---|
| RGB | 12, 77, 162 |
| HSL | hsl(214, 86%, 34%) |
| CMYK | 93%, 52%, 0%, 36%converted · approximate |
| Pantone | PMS 2945 Cnearest match · not published by the brand |
Capcom Yellow
| Hex | #FFCB08 |
|---|---|
| RGB | 255, 203, 8 |
| HSL | hsl(47, 100%, 52%) |
| CMYK | 0%, 20%, 97%, 0%converted · approximate |
| Pantone | PMS 810 Cnearest match · not published by the brand |
Capcom Hex Color Codes
Capcom hex color codes are #0C4DA2 for blue and #FFCB08 for yellow.
| Color | Hex |
|---|---|
| Blue | #0C4DA2 |
| Yellow | #FFCB08 |
Capcom RGB Color Codes
Capcom RGB color codes are 12, 77, 162 for blue and 255, 203, 8 for yellow. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Blue | rgb(12, 77, 162) |
| Yellow | rgb(255, 203, 8) |
Capcom HSL Color Codes
Capcom HSL color codes are 214, 86%, 34% for blue and 47, 100%, 52% for yellow. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Blue | hsl(214, 86%, 34%) |
| Yellow | hsl(47, 100%, 52%) |
Capcom CMYK Color Code
Capcom CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Blue | 93%, 52%, 0%, 36% |
| Yellow | 0%, 20%, 97%, 0% |
Capcom Pantone Color Codes
Capcom Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Blue | PMS 2945 C |
| Yellow | PMS 810 C |
Logo
Capcom Logo Colors
Capcom logo colors are yellow letters with a blue outline, or blue on white.
Capcom Logo Colors Palette
What the Capcom Logo Colors Mean?
The Capcom yellow-and-blue reads like an arcade cabinet, which is where the company came from. The wordmark is often set as yellow fill with a heavy blue keyline, so it pops on a dark screen and on the side of a machine. Neither color has changed in decades.
Capcom Logo Color History
Capcom logo color history has held the blue and yellow since the arcade era. The letterform has been squared up over time but the palette is fixed.
Capcom Logo Fonts
Capcom logo fonts are a custom bold sans, blocky with rounded corners. A face like Handel Gothic is the nearest match.
Capcom Logo JPG
Capcom logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Capcom Logo PNG
Capcom logo in PNG, with a transparent background. Use it over a colored surface.
Capcom Logo WebP
Capcom logo in WebP. Same transparency as the PNG at about a third of the file size.
Capcom Color Code Shades
Capcom color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Capcom paint or trim names.
In code
Using the Capcom palette
CSS custom properties
:root {
--capcom-blue: #0C4DA2;
--capcom-yellow: #FFCB08;
}Contrast against white
| Blue | 8.08:1AA ✓ |
|---|---|
| Yellow | 1.52: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.