Brand colors

Gap Brand Colors

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

Retail Brand index API Dataset

Primary Gap #000080

Palette

Navy Blue#000080RGB 0, 0, 128

White#FFFFFFRGB 255, 255, 255

Black#000000RGB 0, 0, 0

CSS Tokens

:root {
  --brand-gap-1: #000080;
  --brand-gap-2: #FFFFFF;
  --brand-gap-3: #000000;
}

Accessibility Snapshot

#000080Black 1.31:1 / White 16.01:1

#FFFFFFBlack 21:1 / White 1:1

#000000Black 1:1 / White 21:1

Luminance0.0156

Black text1.31:1AA Fail

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

Palette

[
  {
    "name": "Navy Blue",
    "hex": "#000080",
    "rgb": [
      0,
      0,
      128
    ],
    "hsl": [
      240,
      100,
      25
    ],
    "cmyk": [
      100,
      100,
      0,
      50
    ],
    "luminance": 0.0156,
    "contrast": {
      "black": 1.31,
      "white": 16.01
    },
    "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"
      ]
    }
  },
  {
    "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": [
    "commerce UI",
    "packaging",
    "storefront design",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "retail brand colors",
    "blue led palette",
    "cool brand palette",
    "jewel tone brand color",
    "Gap color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/gap.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

CSS tokens

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

Accessibility

[
  {
    "hex": "#000080",
    "contrast": {
      "black": 1.31,
      "white": 16.01
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "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": "gap",
  "name": "Gap",
  "category": "retail",
  "brandCategory": [
    "Retail",
    "retail"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Gap.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/gap/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/retail/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/gap.json",
  "colors": [
    {
      "name": "Navy Blue",
      "hex": "#000080",
      "rgb": [
        0,
        0,
        128
      ],
      "hsl": [
        240,
        100,
        25
      ],
      "cmyk": [
        100,
        100,
        0,
        50
      ],
      "luminance": 0.0156,
      "contrast": {
        "black": 1.31,
        "white": 16.01
      },
      "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"
        ]
      }
    },
    {
      "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": [
    "commerce UI",
    "packaging",
    "storefront design",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "retail brand colors",
    "blue led palette",
    "cool brand palette",
    "jewel tone brand color",
    "Gap color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/gap.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

Brand palette context

About Gap Brand Colors

Gap uses a blue-led palette in this independent retail brand color reference. The palette is centered on #000080, with supporting values #FFFFFF, #000000.

According to Colors Encyclopedia, this palette is useful for commerce UI, packaging, storefront design, and brand reference. The primary color is classified as cool with jewel tone character, and white text gives the stronger contrast against #000080.

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

Gap Brand Colors

Palette

CSS Tokens

Accessibility Snapshot

Machine-Readable Brand Color Data (JSON)

About Gap Brand Colors

Related Brand Color Guides