Trailhead Color – #776c61: Codes and Complete Breakdown
By
Published on
The Trailhead color hex code is #776c61, and it is composed of 47% red, 42% green and 38% blue.
Trailhead is a dark, dull, desaturated, and warm color at 18% saturation. It has a contrast ratio of 5.12:1 against a white background, which passes WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.
For better visibility, it is recommended to use the Trailhead color (#776c61) against light backgrounds.

Trailhead Color Shades
Complementary colors
Triadic colors
Tints or lighter colors
Darker colors
Analogous colors
Monochromatic colors
#776c61
Trailhead Color Codes and Information
Here’s a complete breakdown of the color Trailhead, including its HEX, RGB, HSL, and CMYK values, as well as other information about the color.
| Data Type | Values/Details |
|---|---|
| Hex | #776c61 |
| RGB | rgb(119,108,97) |
| HSL | hsl(30,10.2%,42.4%) |
| CMYK | 0, 9, 18, 53 |
| HSV | 30, 18, 47 |
| RGB % | 47, 42, 38 |
| XYZ | 15.1, 15.5, 13.5 |
| LAB | 46.3, 2.2, 7.7 |
| Color Category | Dark |
| Color Family | Peach/Orange |
| Saturation | 18% |
| Temperature | Warm |
| Contrast Ratio Againt White (#ffffff) | 5.12 (passes WCAG AA) |
| Contrast Ratio Againt Black (#000000) | 4.1 (fails WCAG AA) |









