# #57477b

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

## Values

- Hex: `#57477b`
- RGB: rgb(87, 71, 123)
- HSL: hsl(258, 27%, 38%)
- OKLCH: oklch(0.438 0.085 296.9)
- Relative luminance: 0.0796
- Nearest named color: Drifting Violet (#5b4276, Δ 1.53) — https://brandsweets.com/colors/drifting-violet
- Moods: cool, muted
- Page: https://brandsweets.com/colors/57477b

## Tints & shades

- Tints (toward white): #64528e, #725da2, #8371ad, #9484b8, #a597c3, #b6abcf, #c6beda, #d7d2e5, #e8e5f0, #f9f9fb
- Shades (toward black): #504171, #473a64, #40345b, #372d4e, #302744, #29223a, #201a2d, #191424, #100d17, #09070d

## Harmonies

- Complementary: #6b7b47
- Analogous: #47517b, #71477b
- Triadic: #7b5647, #477b56
- Split-complementary: #7b7147, #517b47
- Tetradic: #7b4751, #6b7b47, #477b71

## Colors that go with #57477b

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

- **Steel Blue** #4682b4 [harmony, pool: analogous] — Steel Blue is #57477b's neighbour on the wheel, so the two read as one family — use it for hover states, gradients and secondary surfaces. Seen in: Capital One (https://brandsweets.com/colors/brands/capitalone-com), Auth0 (https://brandsweets.com/colors/brands/auth0-com), Glacier (https://brandsweets.com/palettes/cool#glacier), American Express (https://brandsweets.com/colors/brands/americanexpress-com). — https://brandsweets.com/colors/steelblue
- **Crimson** #dc143c [pool] — Crimson is paired with #57477b in 7 real palettes, including Wells Fargo's brand system and Walgreens's brand system, as the lead colour. Seen in: Wells Fargo (https://brandsweets.com/colors/brands/wellsfargo-com), Walgreens (https://brandsweets.com/colors/brands/walgreens-com), Codecademy (https://brandsweets.com/colors/brands/codecademy-com), Costco (https://brandsweets.com/colors/brands/costco-com). — https://brandsweets.com/colors/crimson
- **Denim** #1560bd [pool] — Designers have shipped Denim with #57477b: 13 real palettes, including HP's brand system and Hinge's brand system, as the accent. Seen in: HP (https://brandsweets.com/colors/brands/hp-com), Hinge (https://brandsweets.com/colors/brands/hinge-co), Jack Daniel's (https://brandsweets.com/colors/brands/jackdaniels-com), Starlink (https://brandsweets.com/colors/brands/starlink-com). — https://brandsweets.com/colors/denim
- **Midnight Blue** #191970 [pool] — 10 real palettes, including First Snow and Microsoft's brand system put Midnight Blue beside #57477b, as that palette's text colour. Seen in: First Snow (https://brandsweets.com/palettes/cool#first-snow), Microsoft (https://brandsweets.com/colors/brands/microsoft-com), Lufthansa (https://brandsweets.com/colors/brands/lufthansa-com), FIFA (https://brandsweets.com/colors/brands/fifa-com). — https://brandsweets.com/colors/midnightblue
- **Powder Blue** #b0e0e6 [pool] — Designers have shipped Powder Blue with #57477b: 5 real palettes, including First Snow and Glacier, as the accent. Seen in: First Snow (https://brandsweets.com/palettes/cool#first-snow), Glacier (https://brandsweets.com/palettes/cool#glacier), Nursery (https://brandsweets.com/palettes/light#nursery), Stone (https://brandsweets.com/palettes/neutral#stone). — https://brandsweets.com/colors/powderblue
- **Royal Blue** #4169e1 [pool] — Royal Blue is paired with #57477b in 9 real palettes, including Console Light and Stripe's brand system, as the lead colour. Seen in: Console Light (https://brandsweets.com/palettes/technical#console-light), Stripe (https://brandsweets.com/colors/brands/stripe), GitHub (https://brandsweets.com/colors/brands/github), Motorola (https://brandsweets.com/colors/brands/motorola-com). — https://brandsweets.com/colors/royalblue
- **Teal** #008080 [harmony, pool: triadic] — Teal completes a triad with #57477b — three hues spaced evenly round the wheel, the classic way to get energy into a palette without a clash. Seen in: Stanley (https://brandsweets.com/colors/brands/stanley1913-com), Sapphire & Gold (https://brandsweets.com/palettes/luxury#sapphire-and-gold), Gusto (https://brandsweets.com/colors/brands/gusto-com). — https://brandsweets.com/colors/teal
- **White Smoke** #f5f5f5 [role] — White Smoke is the surface for #57477b: a clean near-white with no warm cast, so the cool hue stays clear instead of drifting muddy. — https://brandsweets.com/colors/whitesmoke

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

- On white (#ffffff): 8.1:1 — AA pass, AA-large pass, AAA pass
- On black (#000000): 2.59:1 — AA fail, AA-large fail, AAA fail. Fix: AA: text → #7d6aa9 (4.51:1); AA: background → #c2c2c2 (4.55:1); AAA: text → #9c8ebe (7.03:1); AAA: background → #f0f0f0 (7.11:1)

## Palette tool

Open this color locked as the lead with four explored companions: https://brandsweets.com/palettes/new/57477b-ad9cc4-dfc44e-291f2d-e9ebf1?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: "#57477b" })`), `check_contrast` (with fixes), `generate_palette` (explore around locks), `suggest_palette` (mood/industry → curated-first), `list_palettes`.