Brand colors

Mazda Brand Colors

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

Automotive Brand index API Dataset

Primary Mazda #101820

Palette

Primary#101820RGB 16, 24, 32

Brand color 2#E4002BRGB 228, 0, 43

White#FFFFFFRGB 255, 255, 255

CSS Tokens

:root {
  --brand-mazda-1: #101820;
  --brand-mazda-2: #E4002B;
  --brand-mazda-3: #FFFFFF;
}

Accessibility Snapshot

#101820Black 1.17:1 / White 17.89:1

#E4002BBlack 4.33:1 / White 4.85:1

#FFFFFFBlack 21:1 / White 1:1

Luminance0.0087

Black text1.17:1AA Fail

White text17.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": "mazda",
  "name": "Mazda",
  "category": "automotive",
  "brandCategory": [
    "Automotive",
    "automotive"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/mazda/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/automotive/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Mazda."
}

Palette

[
  {
    "name": "Primary",
    "hex": "#101820",
    "rgb": [
      16,
      24,
      32
    ],
    "hsl": [
      210,
      33,
      9
    ],
    "cmyk": [
      50,
      25,
      0,
      87
    ],
    "luminance": 0.0087,
    "contrast": {
      "black": 1.17,
      "white": 17.89
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "name": "Brand color 2",
    "hex": "#E4002B",
    "rgb": [
      228,
      0,
      43
    ],
    "hsl": [
      349,
      100,
      45
    ],
    "cmyk": [
      0,
      100,
      81,
      11
    ],
    "luminance": 0.1667,
    "contrast": {
      "black": 4.33,
      "white": 4.85
    },
    "wcag": {
      "AA": [
        "#FFFFFF"
      ],
      "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": [
    "vehicle branding",
    "dealer websites",
    "product UI",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "automotive brand colors",
    "blue led palette",
    "cool brand palette",
    "dark brand color",
    "Mazda color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/mazda.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

CSS tokens

{
  "css": "--brand-mazda-1: #101820;\n--brand-mazda-2: #E4002B;\n--brand-mazda-3: #FFFFFF;"
}

Accessibility

[
  {
    "hex": "#101820",
    "contrast": {
      "black": 1.17,
      "white": 17.89
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "hex": "#E4002B",
    "contrast": {
      "black": 4.33,
      "white": 4.85
    },
    "wcag": {
      "AA": [
        "#FFFFFF"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]

Full JSON dataset

{
  "slug": "mazda",
  "name": "Mazda",
  "category": "automotive",
  "brandCategory": [
    "Automotive",
    "automotive"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Mazda.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/mazda/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/automotive/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/mazda.json",
  "colors": [
    {
      "name": "Primary",
      "hex": "#101820",
      "rgb": [
        16,
        24,
        32
      ],
      "hsl": [
        210,
        33,
        9
      ],
      "cmyk": [
        50,
        25,
        0,
        87
      ],
      "luminance": 0.0087,
      "contrast": {
        "black": 1.17,
        "white": 17.89
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      }
    },
    {
      "name": "Brand color 2",
      "hex": "#E4002B",
      "rgb": [
        228,
        0,
        43
      ],
      "hsl": [
        349,
        100,
        45
      ],
      "cmyk": [
        0,
        100,
        81,
        11
      ],
      "luminance": 0.1667,
      "contrast": {
        "black": 4.33,
        "white": 4.85
      },
      "wcag": {
        "AA": [
          "#FFFFFF"
        ],
        "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": [
    "vehicle branding",
    "dealer websites",
    "product UI",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "automotive brand colors",
    "blue led palette",
    "cool brand palette",
    "dark brand color",
    "Mazda color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/mazda.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

Brand palette context

About Mazda Brand Colors

Mazda uses a blue-led palette in this independent automotive brand color reference. The palette is centered on #101820, with supporting values #E4002B, #FFFFFF.

According to Colors Encyclopedia, this palette is useful for vehicle branding, dealer websites, product UI, and brand reference. The primary color is classified as cool with dark character, and white text gives the stronger contrast against #101820.

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

Mazda Brand Colors

Palette

CSS Tokens

Accessibility Snapshot

Machine-Readable Brand Color Data (JSON)

About Mazda Brand Colors

Related Brand Color Guides