Video Games
League of Legends Color Codes
League of Legends works in a gold, hex #C89B3C, with a near-black, hex #010A13. The League of Legends color codes in Hex, RGB and CMYK can be found below. Riot Games released it in 2009, a team battle arena descended from a Warcraft III mod; it grew into the largest esport in the world, with a World Championship that fills arenas. Its nearest peer on this site is Dota 2.
Primary colors
What are League of Legends Primary Colors?
League of Legends's primary colors are hextech gold #C89B3C, dark #010A13.
League of Legends publishes a brand system; the value shown is its Hextech gold.
League of Legends Hextech Gold
| Hex | #C89B3C |
|---|---|
| RGB | 200, 155, 60 |
| HSL | hsl(41, 56%, 51%) |
| CMYK | 0%, 23%, 70%, 22%converted · approximate |
| Pantone | PMS 125 Cnearest match · not published by the brand |
League of Legends Dark
| Hex | #010A13 |
|---|---|
| RGB | 1, 10, 19 |
| HSL | hsl(210, 90%, 4%) |
| CMYK | 95%, 47%, 0%, 93%converted · approximate |
| Pantone | PMS 5395 Cnearest match · not published by the brand |
League of Legends Hex Color Codes
League of Legends hex color codes are #C89B3C for hextech gold and #010A13 for dark.
| Color | Hex |
|---|---|
| Hextech Gold | #C89B3C |
| Dark | #010A13 |
League of Legends RGB Color Codes
League of Legends RGB color codes are 200, 155, 60 for hextech gold and 1, 10, 19 for dark. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Hextech Gold | rgb(200, 155, 60) |
| Dark | rgb(1, 10, 19) |
League of Legends HSL Color Codes
League of Legends HSL color codes are 41, 56%, 51% for hextech gold and 210, 90%, 4% for dark. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Hextech Gold | hsl(41, 56%, 51%) |
| Dark | hsl(210, 90%, 4%) |
League of Legends CMYK Color Code
League of Legends CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Hextech Gold | 0%, 23%, 70%, 22% |
| Dark | 95%, 47%, 0%, 93% |
League of Legends Pantone Color Codes
League of Legends Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Hextech Gold | PMS 125 C |
| Dark | PMS 5395 C |
Logo
League of Legends Logo Colors
League of Legends logo colors are a Hextech gold wordmark on a dark blue-black ground.
League of Legends Logo Colors Palette
What the League of Legends Logo Colors Mean?
The League of Legends gold, which the brand calls Hextech gold after the magic-and-machinery theme of its world, is an aged, bronzed yellow rather than a bright one, and it almost always sits on a near-black. The pairing reads as a trophy and a nighttime arena at once, which is where the game is most watched.
League of Legends Logo Color History
League of Legends logo color history has been gold-on-dark since a 2019 refresh that tied the game's brand to the wider Riot system. Earlier logos used a lighter, flatter gold.
League of Legends Logo Fonts
League of Legends logo fonts are a custom serif called Beaufort, drawn for the game. Beaufort itself is the match.
League of Legends Logo JPG
League of Legends logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
League of Legends Logo PNG
League of Legends logo in PNG, with a transparent background. Use it over a colored surface.
League of Legends Logo WebP
League of Legends logo in WebP. Same transparency as the PNG at about a third of the file size.
League of Legends Color Code Shades
League of Legends color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not League of Legends paint or trim names.
In code
Using the League of Legends palette
CSS custom properties
:root {
--league-of-legends-hextech-gold: #C89B3C;
--league-of-legends-dark: #010A13;
}Contrast against white
| Hextech Gold | 2.56:1AA × |
|---|---|
| Dark | 19.92: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.