# Bats Cloak (#1f1518)

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

## Values

- Hex: `#1f1518`
- RGB: rgb(31, 21, 24)
- HSL: hsl(342, 19%, 10%)
- OKLCH: oklch(0.21 0.017 358.9)
- Relative luminance: 0.0089
- Name: Bats Cloak (`bats-cloak`, source: list)
- Moods: warm, muted, dark, editorial, elegant, luxury, bold
- Page: https://brandsweets.com/colors/bats-cloak

## Tints & shades

- Tints (toward white): #3a272d, #553a42, #6d4a55, #895d6a, #a07381, #b38f99, #c5aab2, #d6c2c8, #e8dee1, #fbf9fa
- Shades (toward black): #1b1315, #1b1315, #181113, #181113, #150e10, #120c0e, #120c0e, #0f0a0c, #0f0a0c, #0c0809

## Harmonies

- Complementary: #151e1b
- Analogous: #1e151c, #1e1715
- Triadic: #181e15, #15181e
- Split-complementary: #151e17, #151c1e
- Tetradic: #1c1e15, #151e1b, #17151e

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

- On white (#ffffff): 17.82:1 — AA pass, AA-large pass, AAA pass
- On black (#000000): 1.18:1 — AA fail, AA-large fail, AAA fail. Fix: AA: text → #986776 (4.54:1); AA: background → #808080 (4.51:1); AAA: text → #b18c97 (7.07:1); AAA: background → #a3a3a3 (7.06:1)

## Brands using this color

- **GitHub** — primary #181717 (Δ 1.616) — https://brandsweets.com/colors/brands/github
- **JetBrains** — text #19191c (Δ 1.718) — https://brandsweets.com/colors/brands/jetbrains-com
- **Notion** — primary #191919 (Δ 1.756) — https://brandsweets.com/colors/brands/notion
- **Next.js** — text #171717 (Δ 1.79) — https://brandsweets.com/colors/brands/nextjs-org
- **Airtable** — text #161616 (Δ 1.963) — https://brandsweets.com/colors/brands/airtable-com
- **CircleCI** — text #161616 (Δ 1.963) — https://brandsweets.com/colors/brands/circleci-com
- **Spline** — text #191a1d (Δ 1.978) — https://brandsweets.com/colors/brands/spline-design

## Curated palettes containing it

- **Newsprint** (editorial, muted, warm) — #b91c1c, #78716c, #d97706, #f5f1ea, #1c1917 — Ink-black on warm paper with a single red — the broadsheet hierarchy that lets typography lead. — tool: https://brandsweets.com/palettes/new/b91c1c-78716c-d97706-f5f1ea-1c1917 — collection: https://brandsweets.com/palettes/editorial
- **Gallery** (editorial, minimal, light) — #171717, #737373, #c2410c, #ffffff — Near-monochrome with one burnt-orange highlight — an art director's default because it never competes with the work. — tool: https://brandsweets.com/palettes/new/171717-737373-c2410c-ffffff — collection: https://brandsweets.com/palettes/editorial
- **Console Light** (technical, clean, light) — #2563eb, #52525b, #16a34a, #fafafa, #18181b — A sober docs palette: one blue for interactive, one green for success, zinc greys for everything else. — tool: https://brandsweets.com/palettes/new/2563eb-52525b-16a34a-fafafa-18181b — collection: https://brandsweets.com/palettes/technical
- **Graphite** (technical, muted, dark, modern) — #a1a1aa, #71717a, #f59e0b, #18181b, #f4f4f5 — A greyscale system with a single amber — the accent does all the work, so allow one per screen. — tool: https://brandsweets.com/palettes/new/a1a1aa-71717a-f59e0b-18181b-f4f4f5 — collection: https://brandsweets.com/palettes/technical
- **Launch Orange** (bold, warm, vivid, modern) — #ea580c, #1c1917, #0891b2, #ffffff — Orange is the rarest SaaS primary, which is exactly why it stands out on a pricing page; cyan keeps it from feeling like a hardware store. — tool: https://brandsweets.com/palettes/new/ea580c-1c1917-0891b2-ffffff — collection: https://brandsweets.com/palettes/bold
- **Coffee Bar** (dark, warm, luxury) — #c58b4a, #8a6a55, #e5c48a, #1e1512, #f3e9dd — Espresso and caramel: a dark-roast palette that photographs latte art beautifully. — tool: https://brandsweets.com/palettes/new/c58b4a-8a6a55-e5c48a-1e1512-f3e9dd — collection: https://brandsweets.com/palettes/dark
- **Studio Grey** (minimal, muted, modern) — #1a1a1a, #8c8c8c, #3a86ff, #f2f2f2 — A pure greyscale with a single electric blue — the portfolio palette that makes work look considered. — tool: https://brandsweets.com/palettes/new/1a1a1a-8c8c8c-3a86ff-f2f2f2 — collection: https://brandsweets.com/palettes/minimal

## 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
- luxury: https://brandsweets.com/fonts/mood/luxury
- bold: https://brandsweets.com/fonts/mood/bold

## Palette tool

Open this color locked as the lead with four explored companions: https://brandsweets.com/palettes/new/1f1518-c49ca3-62cb79-2d211f-f1e9ef?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: "#1f1518" })`), `check_contrast` (with fixes), `generate_palette` (explore around locks), `suggest_palette` (mood/industry → curated-first), `list_palettes`.
