Github Black colour (#24292E)

Github Black is dark a blue with hex code #24292E, the primary brand colour as commonly published in the brand’s guidelines. In RGB it is 36, 41, 46; in HSL 210°, 12%, 16%. Use the tool to explore shades and harmonies.

✓ Runs in your browser — nothing uploaded Free, no sign-upNo watermark

How to use the Github Black colour

  1. The colour is pre-filled; click Explore to see all formats, shades and harmonies.
  2. Edit the value to try a variation.
  3. Copy the code you need.

Github Black in every format

FormatValue
HEX#24292E
RGBrgb(36, 41, 46)
RGB (0–1)0.141, 0.161, 0.180
HSLhsl(210, 12%, 16%)
CMYK (approx.)22%, 11%, 0%, 82%

Shades and tints of Github Black

Same hue and saturation, lightness from 90% to 10%:

#e2e6e9 #c6ccd2 #a9b3bc #8d99a5 #70808f #5a6672 #434d56 #2d3339 #161a1d

Colours that go with Github Black

HarmonyColours
Complementary #2e2924
Triadic #2e2429 #292e24
Analogous #24242e #242e2e

Similar named colours

The closest CSS named colours by RGB distance, useful when you need a keyword instead of a hex code or want a near match:

ColourHEXDifference
darkslategray #2f4f4fclose
midnightblue #191970close
black #000000close
darkolivegreen #556b2fnoticeably different
darkgreen #006400noticeably different

Accessibility

Contrast ratio of Github Black against white is 14.67:1 (passes WCAG AA for normal text) and against black 1.43:1 (fails). Use Github Black for text on white backgrounds.

Brand colours are the commonly published primary values and may be updated by the brand; check the official brand guidelines before print use. Trademarks belong to their owners.

Frequently asked questions

What is the hex code for Github Black?

#24292E.

What is Github Black in RGB?

rgb(36, 41, 46).

What colour is complementary to Github Black?

#2e2924, directly opposite on the colour wheel.

Privacy

This tool runs entirely inside your browser using WebAssembly and the Canvas/File APIs. Your files are never uploaded to ToolFlint or any third party; you can verify this in your browser's network tab or by switching to airplane mode after the page loads. Read how we process files.

Last updated 2026-09-23.