# #828fa1

A color — cool, muted. Deterministic analysis from BrandSweets (no inference).

## Values

- Hex: `#828fa1`
- RGB: rgb(130, 143, 161)
- HSL: hsl(215, 14%, 57%)
- OKLCH: oklch(0.646 0.031 256.5)
- Relative luminance: 0.2696
- Nearest named color: Cool Gray (#8c92ac, Δ 2.297) — https://brandsweets.com/colors/cool-gray
- Moods: cool, muted
- Page: https://brandsweets.com/colors/828fa1

## Tints & shades

- Tints (toward white): #8e99a9, #99a4b2, #a5aebb, #b1b9c4, #bfc6cf, #cbd0d8, #d6dae0, #e2e5e9, #eeeff2, #f9fafb
- Shades (toward black): #738296, #657386, #5a6677, #4f5a69, #444d5a, #373e49, #2c323a, #21252c, #14161a, #090a0c

## Harmonies

- Complementary: #a19482
- Analogous: #829ea1, #8582a1
- Triadic: #a1828f, #8fa182
- Split-complementary: #a18582, #9ea182
- Tetradic: #a1829e, #a19482, #82a185

## Colors that go with #828fa1

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

- **Charcoal** #36454f [role, pool] — Charcoal is the text near-black for #828fa1: softer than #000 and cool enough to feel like part of the same palette. Seen in: Dusty Blue (https://brandsweets.com/palettes/cool#dusty-blue), Bloomberg (https://brandsweets.com/colors/brands/bloomberg-com), Hermès (https://brandsweets.com/colors/brands/hermes-com), PlayStation® Official Site: Consoles, Games, Accessories & MoreSony Interactive Entertainment (https://brandsweets.com/colors/brands/playstation-com). — https://brandsweets.com/colors/charcoal
- **Copper** #b87333 [harmony, pool: complementary] — Copper sits directly opposite #828fa1 on the wheel — the strongest contrast one hue can give another, so use it small: a button, a link colour, one highlight. Seen in: Dusk (https://brandsweets.com/palettes/cool#dusk), Atelier (https://brandsweets.com/palettes/elegant#atelier), Clean Beauty (https://brandsweets.com/palettes/minimal#clean-beauty), Clay & Linen (https://brandsweets.com/palettes/warm#clay-and-linen). — https://brandsweets.com/colors/copper
- **Blush Pink** #e8b4b8 [pool] — 4 real palettes, including Estate and Rain Garden put Blush Pink beside #828fa1, as the accent. Seen in: Estate (https://brandsweets.com/palettes/luxury#estate), Rain Garden (https://brandsweets.com/palettes/cool#rain-garden), Graphite Mono (https://brandsweets.com/palettes/neutral#graphite-mono), Garden Wedding (https://brandsweets.com/palettes/light#garden-wedding). — https://brandsweets.com/colors/blush-pink
- **Denim** #1560bd [pool] — Designers have shipped Denim with #828fa1: 6 real palettes, including Dusk and Open House, as the lead colour. Seen in: Dusk (https://brandsweets.com/palettes/cool#dusk), Open House (https://brandsweets.com/palettes/clean#open-house), Campus (https://brandsweets.com/palettes/friendly#campus), Coca-Cola (https://brandsweets.com/colors/brands/coca-cola-com). — https://brandsweets.com/colors/denim
- **Midnight Blue** #191970 [pool] — 7 real palettes, including Open House and Plaid's brand system put Midnight Blue beside #828fa1, as the text colour against it. Seen in: Open House (https://brandsweets.com/palettes/clean#open-house), Plaid (https://brandsweets.com/colors/brands/plaid-com), First Snow (https://brandsweets.com/palettes/cool#first-snow), Ford (https://brandsweets.com/colors/brands/ford-com). — https://brandsweets.com/colors/midnightblue
- **Powder Blue** #b0e0e6 [pool] — Designers have shipped Powder Blue with #828fa1: 4 real palettes, including Ink Wash and Stone, as the lead colour. Seen in: Ink Wash (https://brandsweets.com/palettes/dark#ink-wash), Stone (https://brandsweets.com/palettes/neutral#stone), First Snow (https://brandsweets.com/palettes/cool#first-snow), Crypto.com (https://brandsweets.com/colors/brands/crypto-com). — https://brandsweets.com/colors/powderblue
- **Royal Blue** #4169e1 [pool] — Royal Blue is paired with #828fa1 in 4 real palettes, including Slate Workspace and Sephora's brand system, as the accent. Seen in: Slate Workspace (https://brandsweets.com/palettes/minimal#slate-workspace), Sephora (https://brandsweets.com/colors/brands/sephora-com), Confluent (https://brandsweets.com/colors/brands/confluent-io), Brilliant (https://brandsweets.com/colors/brands/brilliant-org). — https://brandsweets.com/colors/royalblue
- **Taupe** #483c32 [pool] — Taupe is paired with #828fa1 in 23 real palettes, including Dusk and Typewriter, as the text colour against it. Seen in: Dusk (https://brandsweets.com/palettes/cool#dusk), Typewriter (https://brandsweets.com/palettes/editorial#typewriter), Still Water (https://brandsweets.com/palettes/cool#still-water), Kiln (https://brandsweets.com/palettes/dark#kiln). — https://brandsweets.com/colors/taupe

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

- On white (#ffffff): 3.28:1 — AA fail, AA-large pass, AAA fail. Fix: AA: text → #69788c (4.5:1); AA: background → #262626 (4.61:1); AAA: text → #4f5a69 (7:1)
- On black (#000000): 6.39:1 — AA pass, AA-large pass, AAA fail. Fix: AAA: text → #8b97a7 (7.08:1)

## Curated palettes containing it

- **Ledger Dark** (dark, luxury, technical) — #c9a227, #7c8aa5, #34d399, #0c1222, #e8edf5 — Gold on midnight is the private-banking cue; the mint accent keeps it from feeling old-money stuffy. — tool: https://brandsweets.com/palettes/new/c9a227-7c8aa5-34d399-0c1222-e8edf5 — collection: https://brandsweets.com/palettes/dark
- **Arctic** (clean, cool, minimal) — #0f1b2d, #7d93a8, #0ea5e9, #ffffff — Navy type on white with an ice-blue accent: crisp and corporate without going grey. — tool: https://brandsweets.com/palettes/new/0f1b2d-7d93a8-0ea5e9-ffffff — collection: https://brandsweets.com/palettes/clean

## Palette tool

Open this color locked as the lead with four explored companions: https://brandsweets.com/palettes/new/828fa1-9ca8c4-df5d4e-201f2d-e9f0f1?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: "#828fa1" })`), `check_contrast` (with fixes), `generate_palette` (explore around locks), `suggest_palette` (mood/industry → curated-first), `list_palettes`.