Golden Brown
#9C661FGolden Brown is #9C661F, rgb(156, 102, 31).
About Golden Brown
Golden Brown is the hex color #9C661F, which translates to rgb(156, 102, 31) in RGB and hsl(34, 67%, 37%) in HSL. On the color wheel it sits at 34 degrees, with a saturation of 67 percent and a lightness of 37 percent. That combination gives Golden Brown a saturated mid tone: strong enough for buttons and links, still calm enough for larger areas.
How Golden Brown compares
The closest standard CSS keyword is peru (#CD853F), a CIE76 distance of 15.1 away in CIELAB. That is a visible difference, so the keyword is not a substitute here. In the Tailwind CSS 4.3.1 palette the nearest token is yellow-800 (#894B00), at a distance of 11.3. Inside this library the closest neighbour is Copper at 9.2. Sorted by lightness, Golden Brown is number 11 of the 27 brown colors here.
Text on Golden Brown
One of the five common text colors below clears WCAG AA for normal text on Golden Brown, led by White at 4.85:1. The ratios are computed with the WCAG relative luminance formula, the same one the contrast checker uses, which opens with Golden Brown already loaded as the background.
| Text color | Ratio | AA normal | AA large | AAA normal |
|---|---|---|---|---|
| White #FFFFFF | 4.85:1 | Pass | Pass | Fail |
| Ink black #0F0F12 | 3.95:1 | Fail | Pass | Fail |
| Mid grey #6B7280 | 1.00:1 | Fail | Fail | Fail |
| Dark grey #374151 | 2.13:1 | Fail | Fail | Fail |
| Light grey #E5E7EB | 3.91:1 | Fail | Pass | Fail |
Building a palette around Golden Brown
The pairings above give you three classic starting points. The complementary color sits opposite on the wheel and works well as an accent that draws the eye. The analogous colors sit right beside Golden Brown for calmer, harmonious combinations. The triadic pair spaces three hues evenly for a balanced, energetic palette. Open any swatch to explore it as its own color, or open the palette generator with Golden Brown locked and let it fill in the rest.
Full values for Golden Brown
| Format | Value |
|---|---|
| HEX | #9C661F |
| RGB | rgb(156, 102, 31) |
| HSL | hsl(34, 67%, 37%) |
| HSV | hsv(34, 80%, 61%) |
| CMYK | cmyk(0%, 35%, 80%, 39%) |
| OKLCH | oklch(55.61% 0.1081 68.67) |
| CIELAB | lab(47.84 15.67 46.31) |
Frequently asked questions
What is the RGB value of Golden Brown?
Golden Brown (#9C661F) is rgb(156, 102, 31): 156 red, 102 green and 31 blue on the 0 to 255 scale. Red leads at 156, green follows at 102 and blue trails at 31, which puts the hue at 34 degrees. In HSL the same color is hsl(34, 67%, 37%).
What colour is #9C661F?
#9C661F is Golden Brown, a dark brown colour with a hue of 34 degrees, 67% saturation and 37% lightness. For print the CMYK breakdown is 0% cyan, 35% magenta, 80% yellow and 39% black. Its nearest neighbour in this library is Copper, 9.2 away in CIELAB, a difference you can see.
Is Golden Brown a CSS color name?
No. Golden Brown is not one of the 148 CSS named colors, so write it as #9C661F. The nearest keyword is peru (#CD853F), a CIE76 distance of 15.1: far enough that the keyword reads as a different color.
What colors go with Golden Brown?
Opposite Golden Brown on the color wheel sits the complementary #1F559C (close to Yale Blue), the boldest accent by hue. For a calmer scheme use the analogous neighbours #9C281F (close to Brown) and #949C1F; for a balanced three-color scheme use the triadic pair #1F9C66 and #661F9C. Of these, #661F9C has the most contrast against Golden Brown, at 1.93:1, so pair it by hue, not for legibility.
What text color is readable on Golden Brown?
White (#FFFFFF) is the most readable on Golden Brown, at 4.85:1, which clears WCAG AA (4.5:1) but not AAA. 1 of the 5 common text colors tested passes AA for normal text.
Use Golden Brown in a tool
Nearby colors
Last updated by FusionStudios. Every value on this page is computed by the same functions the tools use. How this is calculated.