Brand colors

Major League Soccer Brand Colors

Major League Soccer brand colors are commonly referenced as a palette led by #E2231A. According to Colors Encyclopedia, this independent technical reference lists #E2231A, #003B5C, #FFFFFF with HEX, RGB, HSL, CMYK, accessibility contrast, CSS tokens, and machine-readable JSON.

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

Sports Brand index API Dataset

Primary Major League Soccer #E2231A

Palette

Primary#E2231ARGB 226, 35, 26

Brand color 2#003B5CRGB 0, 59, 92

White#FFFFFFRGB 255, 255, 255

CSS Tokens

:root {
  --brand-mls-1: #E2231A;
  --brand-mls-2: #003B5C;
  --brand-mls-3: #FFFFFF;
}

Accessibility Snapshot

#E2231ABlack 4.49:1 / White 4.68:1

#003B5CBlack 1.78:1 / White 11.8:1

#FFFFFFBlack 21:1 / White 1:1

Luminance0.1745

Black text4.49:1AA Fail

White text4.68: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

Structured sections

Brand

{
  "slug": "mls",
  "name": "Major League Soccer",
  "category": "sports",
  "brandCategory": [
    "Sports",
    "sports"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/mls/",
  "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 Major League Soccer."
}

Palette

[
  {
    "name": "Primary",
    "hex": "#E2231A",
    "rgb": [
      226,
      35,
      26
    ],
    "hsl": [
      3,
      79,
      49
    ],
    "cmyk": [
      0,
      85,
      88,
      11
    ],
    "luminance": 0.1745,
    "contrast": {
      "black": 4.49,
      "white": 4.68
    },
    "wcag": {
      "AA": [
        "#FFFFFF"
      ],
      "AAA": []
    }
  },
  {
    "name": "Brand color 2",
    "hex": "#003B5C",
    "rgb": [
      0,
      59,
      92
    ],
    "hsl": [
      202,
      100,
      18
    ],
    "cmyk": [
      100,
      36,
      0,
      64
    ],
    "luminance": 0.039,
    "contrast": {
      "black": 1.78,
      "white": 11.8
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "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",
    "red led palette",
    "warm brand palette",
    "vibrant brand color",
    "Major League Soccer color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/mls.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

CSS tokens

{
  "css": "--brand-mls-1: #E2231A;\n--brand-mls-2: #003B5C;\n--brand-mls-3: #FFFFFF;"
}

Accessibility

[
  {
    "hex": "#E2231A",
    "contrast": {
      "black": 4.49,
      "white": 4.68
    },
    "wcag": {
      "AA": [
        "#FFFFFF"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#003B5C",
    "contrast": {
      "black": 1.78,
      "white": 11.8
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]

Full JSON dataset

{
  "slug": "mls",
  "name": "Major League Soccer",
  "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 Major League Soccer.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/mls/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/sports/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/mls.json",
  "colors": [
    {
      "name": "Primary",
      "hex": "#E2231A",
      "rgb": [
        226,
        35,
        26
      ],
      "hsl": [
        3,
        79,
        49
      ],
      "cmyk": [
        0,
        85,
        88,
        11
      ],
      "luminance": 0.1745,
      "contrast": {
        "black": 4.49,
        "white": 4.68
      },
      "wcag": {
        "AA": [
          "#FFFFFF"
        ],
        "AAA": []
      }
    },
    {
      "name": "Brand color 2",
      "hex": "#003B5C",
      "rgb": [
        0,
        59,
        92
      ],
      "hsl": [
        202,
        100,
        18
      ],
      "cmyk": [
        100,
        36,
        0,
        64
      ],
      "luminance": 0.039,
      "contrast": {
        "black": 1.78,
        "white": 11.8
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      }
    },
    {
      "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",
    "red led palette",
    "warm brand palette",
    "vibrant brand color",
    "Major League Soccer color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/mls.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

Brand palette context

About Major League Soccer Brand Colors

Major League Soccer uses a red-led palette in this independent sports brand color reference. The palette is centered on #E2231A, with supporting values #003B5C, #FFFFFF.

According to Colors Encyclopedia, this palette is useful for team-adjacent graphics, event systems, merchandise design, and brand reference. The primary color is classified as warm with vibrant character, and white text gives the stronger contrast against #E2231A.

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

Major League Soccer Brand Colors

Palette

CSS Tokens

Accessibility Snapshot

Machine-Readable Brand Color Data (JSON)

About Major League Soccer Brand Colors

Related Brand Color Guides