Konami color palette
GamingKonami's color identity is defined by its iconic deep red, supported by a minimal palette of white, black, and subtle grays. The palette is consistent across digital and print, emphasizing clarity and brand recognition.
konami.comKonami colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Konami RedPrimary182, 0, 20
- Konami WhiteSecondary255, 255, 255
- Konami Accent RedAccent230, 0, 26
Surfaces
Page, cards and dividers.- Konami Light GrayBackground245, 245, 245
- Konami Panel GraySurface240, 240, 240
- Konami Border GrayBorder209, 209, 209
Text
Three tiers of copy.- Konami CharcoalText34, 34, 34
- Konami Medium GraySecondary text102, 102, 102
- Konami Muted GrayMuted text153, 153, 153
Semantic
Feedback and state colors.- Konami Success GreenSuccess46, 139, 87
- Konami Warning YellowWarning255, 180, 0
- Konami Error RedError211, 47, 47
- Konami Info BlueInfo25, 118, 210
Use Konami's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
konami-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D32F2F;
--accent: #E6001A;
--border: #D1D1D1;
--primary: #B60014;
--success: #2E8B57;
--surface: #F0F0F0;
--warning: #FFB400;
--secondary: #FFFFFF;
--text-muted: #999999;
--background: #F5F5F5;
--text-primary: #222222;
--text-secondary: #666666;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.6:1
Pass
Text on surface
Needs 4.5:1 for body text
14.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.0:1
Pass
Muted text on background
Needs 3:1 for large text
2.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.5:1
Fail
Konami gray and neutral colors
The quiet part of the Konami palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Konami Light GrayBackground
- HEX
- RGB
- HSL
- Konami Panel GraySurface
- HEX
- RGB
- HSL
- Konami Border GrayBorder
- HEX
- RGB
- HSL
- Konami CharcoalText
- HEX
- RGB
- HSL
- Konami Medium GraySecondary text
- HEX
- RGB
- HSL
- Konami Muted GrayMuted text
- HEX
- RGB
- HSL
About Konami's colors
Konami's palette centers on a vivid red, symbolizing energy and passion, contrasted with clean whites and functional grays. This approach ensures high visibility and strong brand recall.
Primary red is paired with white for maximum contrast.
Grays are used for UI backgrounds and borders.
Accent red highlights calls to action and important elements.
Psychology
The dominant red conveys excitement, urgency, and a sense of action, fitting for a gaming brand. Neutral grays and whites provide balance, supporting readability and focus.
Evolution
Konami's palette has remained stable, with the red and white combination in use since the 1980s. Minor adjustments to gray tones have been made for modern digital interfaces.
Where Konami uses each color
- Primary
Konami Red is used in the logo, navigation bars, and key buttons.
- Secondary
Konami White serves as the main background and text color in most layouts.
- Accent
Accent Red is used for hover states, highlights, and promotional banners.
- Backgrounds
Light and panel grays are used for page backgrounds and content surfaces.
- Text
Charcoal and medium gray are used for primary and secondary text, ensuring readability.
- Semantic
Success, warning, error, and info colors are used for system messages and notifications.
Konami color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Konami primary color is #B60014, known as Konami Red. This should be used for all main brand applications.
Konami Red (#B60014) is RGB(182, 0, 20) and CMYK(0, 100, 89, 29). Always use the hex code for digital applications.
Konami uses a range of grays such as #F5F5F5 for backgrounds and #222222 for primary text. These ensure clarity and contrast in digital interfaces.
Use Konami Red (#B60014) for logos and key actions, with white and grays for backgrounds and text. Accent and semantic colors should be reserved for highlights and system feedback.
The secondary color is Konami White, #FFFFFF, and the accent is Konami Accent Red, #E6001A. Together with the primary they make up the three brand colors at the top of this page.
4 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Konami's colors consistently when it generates UI.
Make something in the spirit of Konami
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.