Brand colors

CNN Brand Colors

CNN brand colors are commonly referenced as a palette led by #CC0000. According to Colors Encyclopedia, this independent technical reference lists #CC0000, #000000, #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 CNN.

Media Brand index API Dataset

Primary CNN #CC0000

Palette

Primary#CC0000RGB 204, 0, 0

Black#000000RGB 0, 0, 0

White#FFFFFFRGB 255, 255, 255

CSS Tokens

:root {
  --brand-cnn-1: #CC0000;
  --brand-cnn-2: #000000;
  --brand-cnn-3: #FFFFFF;
}

Accessibility Snapshot

#CC0000Black 3.57:1 / White 5.89:1

#000000Black 1:1 / White 21:1

#FFFFFFBlack 21:1 / White 1:1

Luminance0.1284

Black text3.57:1AA Fail

White text5.89: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": "cnn",
  "name": "CNN",
  "category": "media",
  "brandCategory": [
    "Media & Entertainment",
    "media"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/cnn/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/media/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by CNN."
}

Palette

[
  {
    "name": "Primary",
    "hex": "#CC0000",
    "rgb": [
      204,
      0,
      0
    ],
    "hsl": [
      0,
      100,
      40
    ],
    "cmyk": [
      0,
      100,
      100,
      20
    ],
    "luminance": 0.1284,
    "contrast": {
      "black": 3.57,
      "white": 5.89
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "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": "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": [
    "streaming UI",
    "entertainment branding",
    "campaign graphics",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "media & entertainment brand colors",
    "red led palette",
    "warm brand palette",
    "vibrant brand color",
    "CNN color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/cnn.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

CSS tokens

{
  "css": "--brand-cnn-1: #CC0000;\n--brand-cnn-2: #000000;\n--brand-cnn-3: #FFFFFF;"
}

Accessibility

[
  {
    "hex": "#CC0000",
    "contrast": {
      "black": 3.57,
      "white": 5.89
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#000000",
    "contrast": {
      "black": 1,
      "white": 21
    },
    "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": "cnn",
  "name": "CNN",
  "category": "media",
  "brandCategory": [
    "Media & Entertainment",
    "media"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by CNN.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/cnn/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/media/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/cnn.json",
  "colors": [
    {
      "name": "Primary",
      "hex": "#CC0000",
      "rgb": [
        204,
        0,
        0
      ],
      "hsl": [
        0,
        100,
        40
      ],
      "cmyk": [
        0,
        100,
        100,
        20
      ],
      "luminance": 0.1284,
      "contrast": {
        "black": 3.57,
        "white": 5.89
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": []
      }
    },
    {
      "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": "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": [
    "streaming UI",
    "entertainment branding",
    "campaign graphics",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "media & entertainment brand colors",
    "red led palette",
    "warm brand palette",
    "vibrant brand color",
    "CNN color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/cnn.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

Brand palette context

About CNN Brand Colors

CNN uses a red-led palette in this independent media & entertainment brand color reference. The palette is centered on #CC0000, with supporting values #000000, #FFFFFF.

According to Colors Encyclopedia, this palette is useful for streaming UI, entertainment branding, campaign graphics, and brand reference. The primary color is classified as warm with vibrant character, and white text gives the stronger contrast against #CC0000.

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

CNN Brand Colors

Palette

CSS Tokens

Accessibility Snapshot

Machine-Readable Brand Color Data (JSON)

About CNN Brand Colors

Related Brand Color Guides