Colors Encyclopedia

Brand colors

GitHub Brand Colors

GitHub palette: #181717, #24292F, #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 GitHub.

TechnologyBrand indexAPIDataset
Commonly referenced palette GitHub
#181717#24292F#FFFFFF
Listed without an implied color hierarchy

Palette

Palette color 1#181717RGB 24, 23, 23
Palette color 2#24292FRGB 36, 41, 47
White#FFFFFFRGB 255, 255, 255

CSS Tokens

:root {
  --brand-github-1: #181717;
  --brand-github-2: #24292F;
  --brand-github-3: #FFFFFF;
}

Accessibility Snapshot

#181717Black 1.17:1 / White 17.89:1
#24292FBlack 1.43:1 / White 14.64:1
#FFFFFFBlack 21:1 / White 1:1

Brand palette context · Editorially reviewed

About GitHub Brand Colors

GitHub’s current brand toolkit treats color as a flexible system rather than a single black swatch. Its foundations center brand expression around GitHub Green while allowing richer supporting palettes, and distinguish between color systems designed for different environments. Black, dark neutrals, and white remain strongly associated with familiar product and logo contexts.

The important design lesson is separation of roles: recognition, interface state, illustration, and accessibility do not all need the same color. GitHub explicitly connects its brand foundations with inclusive design, while its logo policy controls when GitHub marks and the Octocat may be used. Independent color documentation should therefore avoid presenting a palette as a complete identity kit.

This page is an independent technical summary, not a GitHub asset repository, endorsement, or substitute for the current logo policy.

Downloadable brand colors infographic

GitHub Brand Colors Infographic

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

1200 × 800
GitHub brand colors infographic showing its commonly referenced HEX palette and accessibility guidance for every listed color without assigning a color hierarchy.
GitHub brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by GitHub.
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.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
Download JSON Open API
Structured sections
Brand
{
  "slug": "github",
  "name": "GitHub",
  "category": "technology",
  "brandCategory": [
    "Technology",
    "technology"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/github/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/technology/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by GitHub."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#181717",
    "rgb": [
      24,
      23,
      23
    ],
    "hsl": [
      0,
      2,
      9
    ],
    "cmyk": [
      0,
      4,
      4,
      91
    ],
    "luminance": 0.0087,
    "contrast": {
      "black": 1.17,
      "white": 17.89
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "name": "Palette color 2",
    "hex": "#24292F",
    "rgb": [
      36,
      41,
      47
    ],
    "hsl": [
      213,
      13,
      16
    ],
    "cmyk": [
      23,
      13,
      0,
      82
    ],
    "luminance": 0.0217,
    "contrast": {
      "black": 1.43,
      "white": 14.64
    },
    "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": [
    "SaaS UI",
    "developer tools",
    "product branding",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "technology brand colors",
    "gray brand palette",
    "blue brand palette",
    "neutral brand palette",
    "cool brand palette",
    "dark brand color",
    "light brand color",
    "GitHub color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/github.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-github-1: #181717;\n--brand-github-2: #24292F;\n--brand-github-3: #FFFFFF;"
}
Accessibility
[
  {
    "hex": "#181717",
    "contrast": {
      "black": 1.17,
      "white": 17.89
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "hex": "#24292F",
    "contrast": {
      "black": 1.43,
      "white": 14.64
    },
    "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": "github",
  "name": "GitHub",
  "category": "technology",
  "brandCategory": [
    "Technology",
    "technology"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by GitHub.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/github/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/technology/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/github.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#181717",
      "rgb": [
        24,
        23,
        23
      ],
      "hsl": [
        0,
        2,
        9
      ],
      "cmyk": [
        0,
        4,
        4,
        91
      ],
      "luminance": 0.0087,
      "contrast": {
        "black": 1.17,
        "white": 17.89
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      }
    },
    {
      "name": "Palette color 2",
      "hex": "#24292F",
      "rgb": [
        36,
        41,
        47
      ],
      "hsl": [
        213,
        13,
        16
      ],
      "cmyk": [
        23,
        13,
        0,
        82
      ],
      "luminance": 0.0217,
      "contrast": {
        "black": 1.43,
        "white": 14.64
      },
      "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": [
    "SaaS UI",
    "developer tools",
    "product branding",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "technology brand colors",
    "gray brand palette",
    "blue brand palette",
    "neutral brand palette",
    "cool brand palette",
    "dark brand color",
    "light brand color",
    "GitHub color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/github.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

Technology brand colorsBrowse all technology brand color references.Adobe brand colorsCompare another technology palette.Amazon brand colorsCompare another technology palette.AMD brand colorsCompare another technology palette.Anthropic brand colorsCompare another technology palette.Steam similar paletteOpen a palette with a nearby first-listed color value.Nike similar paletteOpen a palette with a nearby first-listed color value.Mazda similar paletteOpen a palette with a nearby first-listed color value.Matte Black colorOpen the nearest named color reference.GitHub APIOpen the machine-readable brand color JSON.