Brand colors
Peugeot Brand Colors
Peugeot palette: #001B44, #00A3E0, #FFFFFF. 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 Peugeot.
#001B44#00A3E0#FFFFFFPalette
#001B44RGB 0, 27, 68#00A3E0RGB 0, 163, 224#FFFFFFRGB 255, 255, 255CSS Tokens
:root {
--brand-peugeot-1: #001B44;
--brand-peugeot-2: #00A3E0;
--brand-peugeot-3: #FFFFFF;
}
Accessibility Snapshot
Brand palette context
About Peugeot Brand Colors
Peugeot is represented here by the commonly referenced values #001B44, #00A3E0, and #FFFFFF in this independent automotive brand color reference. The palette includes Blue and Gray color families, with no undocumented primary, secondary, or accent roles assigned.
Across 3 listed values, #001B44 is darkest at luminance 0.012 and #FFFFFF is lightest at 1. Black gives the stronger standard-text contrast on 2 values, while white is stronger on 1; each pairing remains documented separately in the accessibility snapshot.
Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Peugeot.
Downloadable brand colors infographic
Peugeot Brand Colors Infographic
Save an independent infographic of the commonly referenced Peugeot HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

Machine-readable data
Machine-Readable Brand Color Data (JSON)
Structured brand palette data for design systems, references, automations, and AI ingestion.
hexCanonical HEX valuergbRed, green, blue channelshslHue, saturation, lightnesscmykApproximate print conversionwcagAA and AAA contrast optionsharmoniesMathematical harmony setsvariantsGenerated tone variantsnearestColorsKnowledge graph neighborsStructured sections
Brand
{
"slug": "peugeot",
"name": "Peugeot",
"category": "automotive",
"brandCategory": [
"Automotive",
"automotive"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/peugeot/",
"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 Peugeot."
}Palette
[
{
"name": "Palette color 1",
"hex": "#001B44",
"rgb": [
0,
27,
68
],
"hsl": [
216,
100,
13
],
"cmyk": [
100,
60,
0,
73
],
"luminance": 0.012,
"contrast": {
"black": 1.24,
"white": 16.94
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
}
},
{
"name": "Palette color 2",
"hex": "#00A3E0",
"rgb": [
0,
163,
224
],
"hsl": [
196,
100,
44
],
"cmyk": [
100,
27,
0,
12
],
"luminance": 0.3158,
"contrast": {
"black": 7.32,
"white": 2.87
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
}
},
{
"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 brand palette",
"gray brand palette",
"cool brand palette",
"neutral brand palette",
"dark brand color",
"jewel tone brand color",
"vibrant brand color",
"light brand color",
"Peugeot color reference"
],
"contrastSafeWith": [
"#FFFFFF",
"#F5F5F5",
"#000000",
"#1A1A1A",
"#36454F"
],
"relatedEndpoints": [
"https://www.colorsencyclopedia.com/api/brand-colors/peugeot.json",
"https://www.colorsencyclopedia.com/api/brand-colors.json"
]
}CSS tokens
{
"css": "--brand-peugeot-1: #001B44;\n--brand-peugeot-2: #00A3E0;\n--brand-peugeot-3: #FFFFFF;"
}Accessibility
[
{
"hex": "#001B44",
"contrast": {
"black": 1.24,
"white": 16.94
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
}
},
{
"hex": "#00A3E0",
"contrast": {
"black": 7.32,
"white": 2.87
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
}
},
{
"hex": "#FFFFFF",
"contrast": {
"black": 21,
"white": 1
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
}
}
]Full JSON dataset
{
"slug": "peugeot",
"name": "Peugeot",
"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 Peugeot.",
"datasetVersion": "1.0.0",
"url": "https://www.colorsencyclopedia.com/brand-colors/peugeot/",
"categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/automotive/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/peugeot.json",
"colors": [
{
"name": "Palette color 1",
"hex": "#001B44",
"rgb": [
0,
27,
68
],
"hsl": [
216,
100,
13
],
"cmyk": [
100,
60,
0,
73
],
"luminance": 0.012,
"contrast": {
"black": 1.24,
"white": 16.94
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
}
},
{
"name": "Palette color 2",
"hex": "#00A3E0",
"rgb": [
0,
163,
224
],
"hsl": [
196,
100,
44
],
"cmyk": [
100,
27,
0,
12
],
"luminance": 0.3158,
"contrast": {
"black": 7.32,
"white": 2.87
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
}
},
{
"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 brand palette",
"gray brand palette",
"cool brand palette",
"neutral brand palette",
"dark brand color",
"jewel tone brand color",
"vibrant brand color",
"light brand color",
"Peugeot color reference"
],
"contrastSafeWith": [
"#FFFFFF",
"#F5F5F5",
"#000000",
"#1A1A1A",
"#36454F"
],
"relatedEndpoints": [
"https://www.colorsencyclopedia.com/api/brand-colors/peugeot.json",
"https://www.colorsencyclopedia.com/api/brand-colors.json"
]
}