# #97684e

A color — warm, muted, editorial, elegant. Deterministic analysis from BrandSweets (no inference).

## Values

- Hex: `#97684e`
- RGB: rgb(151, 104, 78)
- HSL: hsl(21, 32%, 45%)
- OKLCH: oklch(0.56 0.072 49.7)
- Relative luminance: 0.1703
- Nearest named color: Argan Oil (#9d6646, Δ 1.313) — https://brandsweets.com/colors/argan-oil
- Moods: warm, muted, editorial, elegant
- Page: https://brandsweets.com/colors/97684e

## Tints & shades

- Tints (toward white): #a87357, #b3846b, #bb927c, #c4a08d, #ceb1a1, #d7bfb2, #e0cdc2, #e8dbd3, #f3ebe7, #fcf9f8
- Shades (toward black): #8a5f47, #7d5540, #6f4c39, #624332, #543a2b, #432e23, #36251c, #281c15, #1b120e, #0d0907

## Harmonies

- Complementary: #4e7e97
- Analogous: #974e59, #978c4e
- Triadic: #4e9768, #684e97
- Split-complementary: #4e978c, #4e5997
- Tetradic: #59974e, #4e7e97, #8c4e97

## Colors that go with #97684e

Named partners (harmony on the OKLCH wheel, co-occurrence in curated palettes and brand systems, and the neutrals that carry it), best first:

- **Champagne** #f7e7ce [pool] — 6 real palettes, including Woodsmoke and Coffee Bar put Champagne beside #97684e, as that palette's text colour. Seen in: Woodsmoke (https://brandsweets.com/palettes/dark#woodsmoke), Coffee Bar (https://brandsweets.com/palettes/dark#coffee-bar), Bramble (https://brandsweets.com/palettes/muted#bramble), BrandSweets (https://brandsweets.com/colors/brands/brandsweets). — https://brandsweets.com/colors/champagne
- **Charcoal** #36454f [role, pool] — Charcoal is the body-text near-black for #97684e: its slight blue cast keeps type crisp beside a warm colour where pure #000 looks heavy. Seen in: Puma (https://brandsweets.com/colors/brands/puma-com), Campus (https://brandsweets.com/palettes/friendly#campus), IHG (https://brandsweets.com/colors/brands/ihg-com). — https://brandsweets.com/colors/charcoal
- **Dark Olive Green** #556b2f [pool] — Dark Olive Green shows up next to #97684e in 4 real palettes, including Clay & Linen and BrandSweets's brand system, as the accent. Seen in: Clay & Linen (https://brandsweets.com/palettes/warm#clay-and-linen), BrandSweets (https://brandsweets.com/colors/brands/brandsweets), Magazine Ochre (https://brandsweets.com/palettes/editorial#magazine-ochre), Olive Grove (https://brandsweets.com/palettes/muted#olive-grove). — https://brandsweets.com/colors/darkolivegreen
- **Denim** #1560bd [pool] — Designers have shipped Denim with #97684e: 4 real palettes, including Dyson's brand system and Dusk, as the accent. Seen in: Dyson (https://brandsweets.com/colors/brands/dyson-com), Dusk (https://brandsweets.com/palettes/cool#dusk), Campus (https://brandsweets.com/palettes/friendly#campus), Etsy (https://brandsweets.com/colors/brands/etsy-com). — https://brandsweets.com/colors/denim
- **Hunter Green** #355e3b [pool] — Hunter Green is paired with #97684e in 6 real palettes, including Bookshop and Rolex's brand system, as the accent. Seen in: Bookshop (https://brandsweets.com/palettes/editorial#bookshop), Rolex (https://brandsweets.com/colors/brands/rolex-com), Desert Road (https://brandsweets.com/palettes/warm#desert-road), Darkroom (https://brandsweets.com/palettes/muted#darkroom). — https://brandsweets.com/colors/hunter-green
- **Peru** #cd853f [pool] — 4 real palettes, including Woodsmoke and Coffee Bar put Peru beside #97684e, as the lead colour. Seen in: Woodsmoke (https://brandsweets.com/palettes/dark#woodsmoke), Coffee Bar (https://brandsweets.com/palettes/dark#coffee-bar), Bakery (https://brandsweets.com/palettes/warm#bakery), Kiln (https://brandsweets.com/palettes/dark#kiln). — https://brandsweets.com/colors/peru
- **Royal Blue** #4169e1 [pool] — Royal Blue is paired with #97684e in 5 real palettes, including Wayfair's brand system and Subaru's brand system, as the supporting colour. Seen in: Wayfair (https://brandsweets.com/colors/brands/wayfair-com), Subaru (https://brandsweets.com/colors/brands/subaru-com), Zed (https://brandsweets.com/colors/brands/zed-dev), Slate Workspace (https://brandsweets.com/palettes/minimal#slate-workspace). — https://brandsweets.com/colors/royalblue
- **Steel Blue** #4682b4 [harmony: complementary] — Steel Blue sits directly opposite #97684e on the wheel — the strongest contrast one hue can give another, so use it small: a button, a link colour, one highlight. — https://brandsweets.com/colors/steelblue

## Contrast (WCAG 2.x, as text)

- On white (#ffffff): 4.77:1 — AA pass, AA-large pass, AAA fail. Fix: AAA: text → #724e3b (7.32:1)
- On black (#000000): 4.41:1 — AA fail, AA-large pass, AAA fail. Fix: AA: text → #9b6a50 (4.57:1); AA: background → #fafafa (4.57:1); AAA: text → #b88c75 (7.05:1)

## Brands using this color

- **Notion** — brown #9f6b53 (Δ 1.779) — https://brandsweets.com/colors/brands/notion

## Fonts for this mood

- warm: https://brandsweets.com/fonts/mood/warm
- editorial: https://brandsweets.com/fonts/mood/editorial
- elegant: https://brandsweets.com/fonts/mood/elegant

## Palette tool

Open this color locked as the lead with four explored companions: https://brandsweets.com/palettes/new/97684e-c4af9c-62cbbd-2d2a1f-f1e9ea?lock=0&style=vibrant
(Humans lock/regenerate in the tool; the URL is the state — read `lock=` back to see what they kept.)

## Connect an agent

Point any MCP client at the BrandSweets colors endpoint for the same engine:

- Endpoint: https://mcp.brandsweets.com/colors/mcp
- Tools: `analyze_color` (e.g. `analyze_color({ color: "#97684e" })`), `check_contrast` (with fixes), `generate_palette` (explore around locks), `suggest_palette` (mood/industry → curated-first), `list_palettes`.
