Colors Encyclopedia

Brand colors

NFL Brand Colors

NFL palette: #013369, #D50A0A, #FFFFFF. Compare HEX/RGB, WCAG contrast and CSS tokens; open independent JSON data.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by NFL.

SportsBrand indexAPIDataset
Commonly referenced palette NFL
#013369#D50A0A#FFFFFF
Listed without an implied color hierarchy

Palette

Palette color 1#013369RGB 1, 51, 105
Palette color 2#D50A0ARGB 213, 10, 10
White#FFFFFFRGB 255, 255, 255

CSS Tokens

:root {
  --brand-nfl-1: #013369;
  --brand-nfl-2: #D50A0A;
  --brand-nfl-3: #FFFFFF;
}

Accessibility Snapshot

#013369Black 1.68:1 / White 12.51:1
#D50A0ABlack 3.88:1 / White 5.42:1
#FFFFFFBlack 21:1 / White 1:1

Brand palette context

About NFL Brand Colors

NFL is represented here by the commonly referenced values #013369, #D50A0A, and #FFFFFF in this independent sports brand color reference. The palette includes Blue, Red, and Gray color families, with no undocumented primary, secondary, or accent roles assigned.

Across 3 listed values, #013369 is darkest at luminance 0.0339 and #FFFFFF is lightest at 1. Black gives the stronger standard-text contrast on 1 value, while white is stronger on 2; each pairing remains documented separately in the accessibility snapshot.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by NFL.

Downloadable brand colors infographic

NFL Brand Colors Infographic

Save an independent infographic of the commonly referenced NFL HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

1200 × 800
NFL brand colors infographic showing its commonly referenced HEX palette and accessibility guidance for every listed color without assigning a color hierarchy.
NFL brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by NFL.
Download WebPDownload SVGOpen full size

Machine-readable data

Machine-Readable Brand Color Data (JSON)

Structured brand palette data for design systems, references, automations, and AI ingestion.

AI-Ready Dataset v1.0.0
Luminance0.0339
Black text1.68:1AA Fail
White text12.51:1AA Pass
hexCanonical HEX value
rgbRed, green, blue channels
hslHue, saturation, lightness
cmykApproximate print conversion
wcagAA and AAA contrast options
harmoniesMathematical harmony sets
variantsGenerated tone variants
nearestColorsKnowledge graph neighbors
Download JSON Open API
Structured sections
Brand
{
  "slug": "nfl",
  "name": "NFL",
  "category": "sports",
  "brandCategory": [
    "Sports",
    "sports"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/nfl/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/sports/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by NFL."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#013369",
    "rgb": [
      1,
      51,
      105
    ],
    "hsl": [
      211,
      98,
      21
    ],
    "cmyk": [
      99,
      51,
      0,
      59
    ],
    "luminance": 0.0339,
    "contrast": {
      "black": 1.68,
      "white": 12.51
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "name": "Palette color 2",
    "hex": "#D50A0A",
    "rgb": [
      213,
      10,
      10
    ],
    "hsl": [
      0,
      91,
      44
    ],
    "cmyk": [
      0,
      95,
      95,
      16
    ],
    "luminance": 0.1439,
    "contrast": {
      "black": 3.88,
      "white": 5.42
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "name": "White",
    "hex": "#FFFFFF",
    "rgb": [
      255,
      255,
      255
    ],
    "hsl": [
      0,
      0,
      100
    ],
    "cmyk": [
      0,
      0,
      0,
      0
    ],
    "luminance": 1,
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
AI context
{
  "brandUseCases": [
    "team-adjacent graphics",
    "event systems",
    "merchandise design",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "sports brand colors",
    "blue brand palette",
    "red brand palette",
    "gray brand palette",
    "cool brand palette",
    "warm brand palette",
    "neutral brand palette",
    "dark brand color",
    "jewel tone brand color",
    "vibrant brand color",
    "light brand color",
    "NFL color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/nfl.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-nfl-1: #013369;\n--brand-nfl-2: #D50A0A;\n--brand-nfl-3: #FFFFFF;"
}
Accessibility
[
  {
    "hex": "#013369",
    "contrast": {
      "black": 1.68,
      "white": 12.51
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "hex": "#D50A0A",
    "contrast": {
      "black": 3.88,
      "white": 5.42
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
Full JSON dataset 
{
  "slug": "nfl",
  "name": "NFL",
  "category": "sports",
  "brandCategory": [
    "Sports",
    "sports"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by NFL.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/nfl/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/sports/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/nfl.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#013369",
      "rgb": [
        1,
        51,
        105
      ],
      "hsl": [
        211,
        98,
        21
      ],
      "cmyk": [
        99,
        51,
        0,
        59
      ],
      "luminance": 0.0339,
      "contrast": {
        "black": 1.68,
        "white": 12.51
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      }
    },
    {
      "name": "Palette color 2",
      "hex": "#D50A0A",
      "rgb": [
        213,
        10,
        10
      ],
      "hsl": [
        0,
        91,
        44
      ],
      "cmyk": [
        0,
        95,
        95,
        16
      ],
      "luminance": 0.1439,
      "contrast": {
        "black": 3.88,
        "white": 5.42
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": []
      }
    },
    {
      "name": "White",
      "hex": "#FFFFFF",
      "rgb": [
        255,
        255,
        255
      ],
      "hsl": [
        0,
        0,
        100
      ],
      "cmyk": [
        0,
        0,
        0,
        0
      ],
      "luminance": 1,
      "contrast": {
        "black": 21,
        "white": 1
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      }
    }
  ],
  "brandUseCases": [
    "team-adjacent graphics",
    "event systems",
    "merchandise design",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "sports brand colors",
    "blue brand palette",
    "red brand palette",
    "gray brand palette",
    "cool brand palette",
    "warm brand palette",
    "neutral brand palette",
    "dark brand color",
    "jewel tone brand color",
    "vibrant brand color",
    "light brand color",
    "NFL color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/nfl.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
Dataset manifest Version 1.0.0 Build hash published in manifest Canonical page

Related Brand Color Guides

Sports brand colorsBrowse all sports brand color references.ASICS brand colorsCompare another sports palette.FIFA brand colorsCompare another sports palette.Formula 1 brand colorsCompare another sports palette.LaLiga brand colorsCompare another sports palette.Yale similar paletteOpen a palette with a nearby first-listed color value.Delta Air Lines similar paletteOpen a palette with a nearby first-listed color value.UC Berkeley similar paletteOpen a palette with a nearby first-listed color value.Sapphire Deep colorOpen the nearest named color reference.NFL APIOpen the machine-readable brand color JSON.