- HEX
- RGB
- HSL
- CMYK
- Pantone
NHL league colors
NHL Colors
Download
- HEX
- RGB
- HSL
- CMYK
- Pantone
- HEX
- RGB
- HSL
- CMYK
- Pantone
Values marked ≈ are the nearest match in the Pantone list, not an official PMS. Check a printed Pantone guide before you print.
The National Hockey League (NHL) logo colors are black (#000000), silver (#A2AAAD) and white (#FFFFFF). Tap any color for its RGB, CMYK and Pantone values, or open its page for tints, shades, harmonies and contrast.
Team names identify the teams only; Swatch.ing isn't affiliated with NHL. Colors are as commonly published; check the team's brand guide for official use.
The NHL colors, one by one
Black #000000 · Pantone ≈ Black 6 C
#000000 is a near-black neutral, known as Black. In RGB it’s made of 0% red, 0% green, and 0% blue. Its hue is 0°, with 0% saturation and 0% lightness, so it reads as a neutral color. White text sits best on top of it.
Silver #A2AAAD · Pantone ≈ Cool Gray 5 C
#A2AAAD is a light neutral gray, close to the color Dark Gray. In RGB it’s made of 63.5% red, 66.7% green, and 67.8% blue. Its hue is 196°, with 6% saturation and 66% lightness, so it reads as a neutral color. Black text sits best on top of it.
White #FFFFFF · Pantone ≈ White
#FFFFFF is an almost-white neutral, known as White. In RGB it’s made of 100% red, 100% green, and 100% blue. Its hue is 0°, with 0% saturation and 100% lightness, so it reads as a neutral color. Black text sits best on top of it.
Which colors work together for text
Contrast for every pair, checked against WCAG. Use the passing pairs for text; the rest are fine for shapes, stripes and backgrounds.
Aa
Black on white21.00:1 · Passes AAA: fine for any text
AAA
Aa
Black on silver8.89:1 · Passes AAA: fine for any text
AAA
Aa
Silver on white2.36:1 · Too low for text
Fail
Palettes built from black
Starting points for fan sites, posters and projects that need more than the official colors. Open any of them in the palette builder to adjust.
Tints & shades
The main color, lighter and darker: backgrounds, borders and hover states that stay on-brand.
#000000 #000000 #000000 #737373 #D9D9D9
Complementary
The main color and its opposite on the wheel, for a bold accent.
#000000 #000000 #CCCCCC #000000
Analogous
Neighbors on the color wheel: calm, and still clearly the team.
#000000 #000000 #000000 #D9D9D9
Triadic
Three hues evenly spaced around the wheel, for something livelier.
#000000 #000000 #000000 #E6E6E6
With neutrals
The team colors grounded with a warm gray and an off-white, for print and long reads.
#A2AAAD #4A4744 #F4F1EA
NHL teams with similar colors
Questions
What are the NHL colors?
The NHL colors are Black (#000000), Silver (#A2AAAD), White (#FFFFFF).
What is the NHL black hex code?
The NHL black is #000000: RGB 0, 0, 0, CMYK 0, 0, 0, 100, and the nearest Pantone match is Black 6 C.
What is the NHL silver hex code?
The NHL silver is #A2AAAD: RGB 162, 170, 173, CMYK 6, 2, 0, 32, and the nearest Pantone match is Cool Gray 5 C.
Which NHL colors work for text?
Black and white have the strongest contrast (21.0:1), which passes WCAG AAA for text. 2 pairs in this palette pass AA for body text.
In use
NHL Colors
Game day starts here.
Colors fans know at a glance: schedules, tickets, and everything in between.
Get started Learn moreNHL · Game day
NHL Colors
swatch.ing
NHL ColorsNational Hockey League
NHL Colors3 colorsswatch.ing
Today
Weekly goal72%
AllWorkHome
Morning walk7:30 · 30 min
Read a chapter21:00 · 20 min
Add habit
Background, text, and accents all come from this palette. Shuffle to try other pairings; text always stays readable.