Media & Entertainment
Warner Bros. Color Codes
Warner Bros. works in a blue, hex #0442BF, with a heritage gold, hex #F5B31D. The Warner Bros. color codes in Hex, RGB and CMYK can be found below. Harry, Albert, Sam and Jack Warner, sons of immigrants, founded the studio in 1923; the WB shield has stood on its films since the silent era. Its nearest peer on this site is Paramount Pictures.
Primary colors
What are Warner Bros. Primary Colors?
Warner Bros.'s primary colors are blue #0442BF, heritage gold #F5B31D.
Warner Bros. publishes a brand system; the values shown are the 2019 shield blue and heritage gold.
Warner Bros. Blue
| Hex | #0442BF |
|---|---|
| RGB | 4, 66, 191 |
| HSL | hsl(220, 96%, 38%) |
| CMYK | 98%, 65%, 0%, 25%converted · approximate |
| Pantone | PMS 2728 Cnearest match · not published by the brand |
Warner Bros. Heritage Gold
| Hex | #F5B31D |
|---|---|
| RGB | 245, 179, 29 |
| HSL | hsl(42, 92%, 54%) |
| CMYK | 0%, 27%, 88%, 4%converted · approximate |
| Pantone | PMS 130 Cnearest match · not published by the brand |
Warner Bros. Hex Color Codes
Warner Bros. hex color codes are #0442BF for blue and #F5B31D for heritage gold.
| Color | Hex |
|---|---|
| Blue | #0442BF |
| Heritage Gold | #F5B31D |
Warner Bros. RGB Color Codes
Warner Bros. RGB color codes are 4, 66, 191 for blue and 245, 179, 29 for heritage gold. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Blue | rgb(4, 66, 191) |
| Heritage Gold | rgb(245, 179, 29) |
Warner Bros. HSL Color Codes
Warner Bros. HSL color codes are 220, 96%, 38% for blue and 42, 92%, 54% for heritage gold. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Blue | hsl(220, 96%, 38%) |
| Heritage Gold | hsl(42, 92%, 54%) |
Warner Bros. CMYK Color Code
Warner Bros. CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Blue | 98%, 65%, 0%, 25% |
| Heritage Gold | 0%, 27%, 88%, 4% |
Warner Bros. Pantone Color Codes
Warner Bros. 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 2728 C |
| Heritage Gold | PMS 130 C |
Logo
Warner Bros. Logo Colors
Warner Bros. logo colors are a blue WB shield, with gold reserved for older and formal uses.
Warner Bros. Logo Colors Palette
What the Warner Bros. Logo Colors Mean?
The Warner Bros. shield went flat blue in the 2019 Pentagram redesign, which pulled the mark away from the gilded, three-dimensional badge that had opened films for decades. Gold is still used on classic-film branding and awards contexts; the working corporate color is now the blue.
Warner Bros. Logo Color History
Warner Bros. logo color history runs from a black-and-white shield, through the gold-and-blue crest of the studio era, to the 2019 single-blue mark. The shield outline is the one element that survives every version.
Warner Bros. Logo Fonts
Warner Bros. logo fonts are a custom sans built for the 2019 system, with a matching WB monogram. A grotesque like Founders Grotesk is the nearest match.
Warner Bros. Logo JPG
Warner Bros. logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Warner Bros. Logo PNG
Warner Bros. logo in PNG, with a transparent background. Use it over a colored surface.
Warner Bros. Logo WebP
Warner Bros. logo in WebP. Same transparency as the PNG at about a third of the file size.
Warner Bros. Color Code Shades
Warner Bros. color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Warner Bros. paint or trim names.
In code
Using the Warner Bros. palette
CSS custom properties
:root {
--warner-bros-blue: #0442BF;
--warner-bros-heritage-gold: #F5B31D;
}
Contrast against white
| Blue | 8.28:1AA ✓ |
|---|---|
| Heritage Gold | 1.85: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.