Video Games
Valorant Color Codes
Valorant works in a red, hex #FF4655, with a near-black, hex #0F1923. The Valorant color codes in Hex, RGB and CMYK can be found below. Riot Games released it in 2020, a tactical five-on-five shooter that welded Counter-Strike's economy and gunplay to hero abilities; it was Riot's first game outside League of Legends. Its nearest peer on this site is Counter-Strike.
Primary colors
What are Valorant Primary Colors?
Valorant's primary colors are valorant red #FF4655, dark #0F1923.
Valorant publishes a brand system; the value shown is Valorant Red.
Valorant Valorant Red
| Hex | #FF4655 |
|---|---|
| RGB | 255, 70, 85 |
| HSL | hsl(355, 100%, 64%) |
| CMYK | 0%, 73%, 67%, 0%converted · approximate |
| Pantone | PMS 1787 Cnearest match · not published by the brand |
Valorant Dark
| Hex | #0F1923 |
|---|---|
| RGB | 15, 25, 35 |
| HSL | hsl(210, 40%, 10%) |
| CMYK | 57%, 29%, 0%, 86%converted · approximate |
| Pantone | PMS 5395 Cnearest match · not published by the brand |
Valorant Hex Color Codes
Valorant hex color codes are #FF4655 for valorant red and #0F1923 for dark.
| Color | Hex |
|---|---|
| Valorant Red | #FF4655 |
| Dark | #0F1923 |
Valorant RGB Color Codes
Valorant RGB color codes are 255, 70, 85 for valorant red and 15, 25, 35 for dark. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Valorant Red | rgb(255, 70, 85) |
| Dark | rgb(15, 25, 35) |
Valorant HSL Color Codes
Valorant HSL color codes are 355, 100%, 64% for valorant red and 210, 40%, 10% for dark. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Valorant Red | hsl(355, 100%, 64%) |
| Dark | hsl(210, 40%, 10%) |
Valorant CMYK Color Code
Valorant CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Valorant Red | 0%, 73%, 67%, 0% |
| Dark | 57%, 29%, 0%, 86% |
Valorant Pantone Color Codes
Valorant Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Valorant Red | PMS 1787 C |
| Dark | PMS 5395 C |
Logo
Valorant Logo Colors
Valorant logo colors are a sharp red V mark on a near-black ground.
Valorant Logo Colors Palette
What the Valorant Logo Colors Mean?
The Valorant red is a hot, slightly pink-leaning red that Riot picked to feel modern and aggressive next to Counter-Strike's understated look. The V is drawn as an arrowhead, pointing up; the near-black behind it is the color of the game's menus and its competitive broadcasts.
Valorant Logo Color History
Valorant logo color history is short, the game being new. The red-and-near-black pairing has run since the 2020 launch, with the V mark tightened once.
Valorant Logo Fonts
Valorant logo fonts are a custom display sans called Tungsten in the wordmark, condensed and heavy. Tungsten itself is the match.
Valorant Logo JPG
Valorant logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Valorant Logo PNG
Valorant logo in PNG, with a transparent background. Use it over a colored surface.
Valorant Logo WebP
Valorant logo in WebP. Same transparency as the PNG at about a third of the file size.
Valorant Color Code Shades
Valorant color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Valorant paint or trim names.
In code
Using the Valorant palette
CSS custom properties
:root {
--valorant-valorant-red: #FF4655;
--valorant-dark: #0F1923;
}Contrast against white
| Valorant Red | 3.36:1AA × |
|---|---|
| Dark | 17.74: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.