Esports Color Psychology & Meaning
Esports is the palette of arenas in darkness — these electric purples and greens on black are the colors of screens at maximum brightness and crowds at maximum volume.
#0A0010
#6B00FF
#00FFAA
#FFFFFF
Background
Primary Accent
Secondary
Body Text
Esports
darkelectricgaming all gamingsportbranding
AAA
WCAG Grade
20.6:1
Contrast Ratio
3,400
Saves
9,200
AI Copies
Use #0A0010 as the background. Use #6B00FF as the primary accent. Use #00FFAA as secondary. Use #FFFFFF as body text/supporting color. Palette mood: Esports — dark, electric, gaming.
Hex Codes, RGB & CMYK Color Values
Technical breakdown for the Esports color scheme. Use these values for web design (HEX/RGB), print projects (CMYK), or specialized design software (HSL).
| Swatch | Design Role | HEX | RGB | CMYK | HSL |
|---|---|---|---|---|---|
| Background Luminance: 0.1% | 10, 0, 16 | 38%, 100%, 0%, 94% | 278°, 100%, 3% | ||
| Primary Accent Luminance: 10.3% | 107, 0, 255 | 58%, 100%, 0%, 0% | 265°, 100%, 50% | ||
| Secondary Luminance: 74.4% | 0, 255, 170 | 100%, 0%, 33%, 0% | 160°, 100%, 50% | ||
| Body Text Luminance: 100.0% | 255, 255, 255 | 0%, 0%, 0%, 0% | 0°, 0%, 100% |
Color Harmony: Triadic Scheme
The Esports palette is built using a triadic relationship between its hues. This ensures that even with high-contrast accents, the overall scheme feels balanced and intentional.
Hue Wheel
A triadic palette is often preferred by professional designers because it balances visual interest with cohesion.
History & Design Context
Esports arenas and event design developed from grassroots LAN parties into billion-dollar productions. The electric-on-dark palette is now globally recognized as the visual language of competitive gaming.
Best Design Use Cases
Near-black for all surfaces. Electric purple for primary brand elements. Neon green for performance and active states. White for all text.
Industries This Palette Suits
Esports organizations, gaming brands, competitive gaming events, gaming peripherals, streaming.
How to Implement the Esports Color Scheme
To use this Esports color palette in your web project, you can copy the following CSS variables or Tailwind CSS configuration. These roles ensure your UI maintains accessibility and visual hierarchy.
Option 1: CSS Variables
:root {
/* {name} Palette - ihatecolors.com */{'
'} --color-bg: {colors[0]};{'
'} --color-primary: {colors[1]};{'
'} --color-secondary: {colors[2]};{'
'} --color-text: {colors[3]};{'
'} {'}'}Web Design Tip
Use #0A0010 for the main background and #6B00FF for primary buttons. This creates a high-contrast focal point.
Accessibility Note
The contrast ratio between #FFFFFF and #0A0010 is 20.58:1 (AAA). Ensure your body text remains legible.