Colors Encyclopedia

Brand colors

SoundCloud Brand Colors

SoundCloud palette: #FF5500, #FFFFFF, #000000. 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 SoundCloud.

MediaBrand indexAPIDataset
Commonly referenced palette SoundCloud
#FF5500#FFFFFF#000000
Listed without an implied color hierarchy

Palette

Palette color 1#FF5500RGB 255, 85, 0
White#FFFFFFRGB 255, 255, 255
Black#000000RGB 0, 0, 0

CSS Tokens

:root {
  --brand-soundcloud-1: #FF5500;
  --brand-soundcloud-2: #FFFFFF;
  --brand-soundcloud-3: #000000;
}

Accessibility Snapshot

#FF5500Black 6.55:1 / White 3.21:1
#FFFFFFBlack 21:1 / White 1:1
#000000Black 1:1 / White 21:1

Brand palette context · Editorially reviewed

About SoundCloud Brand Colors

SoundCloud’s current media kit makes a useful distinction between asset color and environmental color. It identifies the seven-bar Cloudmark as the current symbol, replacing an older thirteen-bar version, and supplies the logo itself in black and white. Orange remains the preferred field for the primary black treatment rather than a license to recolor the mark orange.

That division clarifies the palette on this page: orange can create the recognizable surrounding energy, while black or white carries the supplied artwork according to the background. The media kit also specifies clear space and minimum sizes. Independent layouts can study this contrast relationship, but should not redraw the bars, reuse the legacy mark, or infer that a sampled orange grants asset permission.

This independent reference does not redistribute SoundCloud artwork, imply a press or commercial relationship, grant trademark rights, or replace the current media kit.

Downloadable brand colors infographic

SoundCloud Brand Colors Infographic

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

1200 × 800
SoundCloud brand colors infographic showing its commonly referenced HEX palette and accessibility guidance for every listed color without assigning a color hierarchy.
SoundCloud brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by SoundCloud.
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.2776
Black text6.55:1AA Pass
White text3.21: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
Download JSON Open API
Structured sections
Brand
{
  "slug": "soundcloud",
  "name": "SoundCloud",
  "category": "media",
  "brandCategory": [
    "Media & Entertainment",
    "media"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/soundcloud/",
  "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 SoundCloud."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#FF5500",
    "rgb": [
      255,
      85,
      0
    ],
    "hsl": [
      20,
      100,
      50
    ],
    "cmyk": [
      0,
      67,
      100,
      0
    ],
    "luminance": 0.2776,
    "contrast": {
      "black": 6.55,
      "white": 3.21
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "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"
      ]
    }
  },
  {
    "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"
      ]
    }
  }
]
AI context
{
  "brandUseCases": [
    "streaming UI",
    "entertainment branding",
    "campaign graphics",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "media & entertainment brand colors",
    "orange brand palette",
    "gray brand palette",
    "warm brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "light brand color",
    "dark brand color",
    "SoundCloud color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#36454F",
    "#FFFFFF",
    "#F5F5F5"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/soundcloud.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-soundcloud-1: #FF5500;\n--brand-soundcloud-2: #FFFFFF;\n--brand-soundcloud-3: #000000;"
}
Accessibility
[
  {
    "hex": "#FF5500",
    "contrast": {
      "black": 6.55,
      "white": 3.21
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  },
  {
    "hex": "#000000",
    "contrast": {
      "black": 1,
      "white": 21
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  }
]
Full JSON dataset 
{
  "slug": "soundcloud",
  "name": "SoundCloud",
  "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 SoundCloud.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/soundcloud/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/media/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/soundcloud.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#FF5500",
      "rgb": [
        255,
        85,
        0
      ],
      "hsl": [
        20,
        100,
        50
      ],
      "cmyk": [
        0,
        67,
        100,
        0
      ],
      "luminance": 0.2776,
      "contrast": {
        "black": 6.55,
        "white": 3.21
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "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"
        ]
      }
    },
    {
      "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"
        ]
      }
    }
  ],
  "brandUseCases": [
    "streaming UI",
    "entertainment branding",
    "campaign graphics",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "media & entertainment brand colors",
    "orange brand palette",
    "gray brand palette",
    "warm brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "light brand color",
    "dark brand color",
    "SoundCloud color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#36454F",
    "#FFFFFF",
    "#F5F5F5"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/soundcloud.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

Media & Entertainment brand colorsBrowse all media & entertainment brand color references.Apple Music brand colorsCompare another media & entertainment palette.BBC brand colorsCompare another media & entertainment palette.CNN brand colorsCompare another media & entertainment palette.Deezer brand colorsCompare another media & entertainment palette.Zapier similar paletteOpen a palette with a nearby first-listed color value.Home Depot similar paletteOpen a palette with a nearby first-listed color value.Reddit similar paletteOpen a palette with a nearby first-listed color value.International Orange colorOpen the nearest named color reference.SoundCloud APIOpen the machine-readable brand color JSON.