Brand colors

Olympics Brand Colors

Olympics palette: #0085C7, #F4C300, #000000, #009F3D. 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 Olympics.

Sports Brand index API Dataset

Commonly referenced palette Olympics

#0085C7#F4C300#000000#009F3D#DF0024

Listed without an implied color hierarchy

Palette

Palette color 1#0085C7RGB 0, 133, 199

Palette color 2#F4C300RGB 244, 195, 0

Black#000000RGB 0, 0, 0

Palette color 4#009F3DRGB 0, 159, 61

Palette color 5#DF0024RGB 223, 0, 36

CSS Tokens

:root {
  --brand-olympics-1: #0085C7;
  --brand-olympics-2: #F4C300;
  --brand-olympics-3: #000000;
  --brand-olympics-4: #009F3D;
  --brand-olympics-5: #DF0024;
}

Accessibility Snapshot

#0085C7Black 5.18:1 / White 4.05:1

#F4C300Black 12.65:1 / White 1.66:1

#000000Black 1:1 / White 21:1

#009F3DBlack 6.03:1 / White 3.48:1

#DF0024Black 4.16:1 / White 5.04:1

Brand palette context · Editorially reviewed

About Olympics Brand Colors

The Olympic palette is a fixed ordered system, not a loose assortment of five bright colors. IOC guidance places blue, black, and red across the upper row and yellow and green below, and requires the full-color rings to remain horizontal, complete, correctly interlocked, and visible on white. The colors and their sequence are inseparable from the protected symbol.

The five screen values on this page can support technical comparison, but they are not a recipe for drawing Olympic rings. Official documents prohibit recoloring, reordering, flipping, cropping, outlining, gradients, shadows, and imagery inside the symbol, and many uses require prior written approval. Independent charts should also avoid reproducing the ring order or implying an Olympic relationship.

This independent palette reference does not reproduce the Olympic symbol, authorize Olympic Property use, imply IOC affiliation, or replace rights-holder and jurisdiction-specific rules.

Downloadable brand colors infographic

Olympics Brand Colors Infographic

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

1200 × 800

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

Download WebP Download SVG Open full size

Luminance0.209

Black text5.18:1AA Pass

White text4.05:1AA Fail

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": "olympics",
  "name": "Olympics",
  "category": "sports",
  "brandCategory": [
    "Sports",
    "sports"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/olympics/",
  "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 Olympics."
}

Palette

[
  {
    "name": "Palette color 1",
    "hex": "#0085C7",
    "rgb": [
      0,
      133,
      199
    ],
    "hsl": [
      200,
      100,
      39
    ],
    "cmyk": [
      100,
      33,
      0,
      22
    ],
    "luminance": 0.209,
    "contrast": {
      "black": 5.18,
      "white": 4.05
    },
    "wcag": {
      "AA": [
        "#000000"
      ],
      "AAA": []
    }
  },
  {
    "name": "Palette color 2",
    "hex": "#F4C300",
    "rgb": [
      244,
      195,
      0
    ],
    "hsl": [
      48,
      100,
      48
    ],
    "cmyk": [
      0,
      20,
      100,
      4
    ],
    "luminance": 0.5826,
    "contrast": {
      "black": 12.65,
      "white": 1.66
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  },
  {
    "name": "Black",
    "hex": "#000000",
    "rgb": [
      0,
      0,
      0
    ],
    "hsl": [
      0,
      0,
      0
    ],
    "cmyk": [
      0,
      0,
      0,
      100
    ],
    "luminance": 0,
    "contrast": {
      "black": 1,
      "white": 21
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "name": "Palette color 4",
    "hex": "#009F3D",
    "rgb": [
      0,
      159,
      61
    ],
    "hsl": [
      143,
      100,
      31
    ],
    "cmyk": [
      100,
      0,
      62,
      38
    ],
    "luminance": 0.2513,
    "contrast": {
      "black": 6.03,
      "white": 3.48
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": []
    }
  },
  {
    "name": "Palette color 5",
    "hex": "#DF0024",
    "rgb": [
      223,
      0,
      36
    ],
    "hsl": [
      350,
      100,
      44
    ],
    "cmyk": [
      0,
      100,
      84,
      13
    ],
    "luminance": 0.1582,
    "contrast": {
      "black": 4.16,
      "white": 5.04
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  }
]

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",
    "yellow brand palette",
    "gray brand palette",
    "green brand palette",
    "red brand palette",
    "cool brand palette",
    "warm brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "jewel tone brand color",
    "dark brand color",
    "Olympics color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#36454F",
    "#FFFFFF",
    "#F5F5F5"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/olympics.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

CSS tokens

{
  "css": "--brand-olympics-1: #0085C7;\n--brand-olympics-2: #F4C300;\n--brand-olympics-3: #000000;\n--brand-olympics-4: #009F3D;\n--brand-olympics-5: #DF0024;"
}

Accessibility

[
  {
    "hex": "#0085C7",
    "contrast": {
      "black": 5.18,
      "white": 4.05
    },
    "wcag": {
      "AA": [
        "#000000"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#F4C300",
    "contrast": {
      "black": 12.65,
      "white": 1.66
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  },
  {
    "hex": "#000000",
    "contrast": {
      "black": 1,
      "white": 21
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "hex": "#009F3D",
    "contrast": {
      "black": 6.03,
      "white": 3.48
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#DF0024",
    "contrast": {
      "black": 4.16,
      "white": 5.04
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  }
]

Full JSON dataset

{
  "slug": "olympics",
  "name": "Olympics",
  "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 Olympics.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/olympics/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/sports/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/olympics.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#0085C7",
      "rgb": [
        0,
        133,
        199
      ],
      "hsl": [
        200,
        100,
        39
      ],
      "cmyk": [
        100,
        33,
        0,
        22
      ],
      "luminance": 0.209,
      "contrast": {
        "black": 5.18,
        "white": 4.05
      },
      "wcag": {
        "AA": [
          "#000000"
        ],
        "AAA": []
      }
    },
    {
      "name": "Palette color 2",
      "hex": "#F4C300",
      "rgb": [
        244,
        195,
        0
      ],
      "hsl": [
        48,
        100,
        48
      ],
      "cmyk": [
        0,
        20,
        100,
        4
      ],
      "luminance": 0.5826,
      "contrast": {
        "black": 12.65,
        "white": 1.66
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      }
    },
    {
      "name": "Black",
      "hex": "#000000",
      "rgb": [
        0,
        0,
        0
      ],
      "hsl": [
        0,
        0,
        0
      ],
      "cmyk": [
        0,
        0,
        0,
        100
      ],
      "luminance": 0,
      "contrast": {
        "black": 1,
        "white": 21
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      }
    },
    {
      "name": "Palette color 4",
      "hex": "#009F3D",
      "rgb": [
        0,
        159,
        61
      ],
      "hsl": [
        143,
        100,
        31
      ],
      "cmyk": [
        100,
        0,
        62,
        38
      ],
      "luminance": 0.2513,
      "contrast": {
        "black": 6.03,
        "white": 3.48
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": []
      }
    },
    {
      "name": "Palette color 5",
      "hex": "#DF0024",
      "rgb": [
        223,
        0,
        36
      ],
      "hsl": [
        350,
        100,
        44
      ],
      "cmyk": [
        0,
        100,
        84,
        13
      ],
      "luminance": 0.1582,
      "contrast": {
        "black": 4.16,
        "white": 5.04
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": []
      }
    }
  ],
  "brandUseCases": [
    "team-adjacent graphics",
    "event systems",
    "merchandise design",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "sports brand colors",
    "blue brand palette",
    "yellow brand palette",
    "gray brand palette",
    "green brand palette",
    "red brand palette",
    "cool brand palette",
    "warm brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "jewel tone brand color",
    "dark brand color",
    "Olympics color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#36454F",
    "#FFFFFF",
    "#F5F5F5"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/olympics.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

Olympics Brand Colors

Palette

CSS Tokens

Accessibility Snapshot

About Olympics Brand Colors

Olympics Brand Colors Infographic

Machine-Readable Brand Color Data (JSON)

Related Brand Color Guides