# #006cf0

A color — cool, vivid, technical, modern. Deterministic analysis from BrandSweets (no inference).

## Values

- Hex: `#006cf0`
- RGB: rgb(0, 108, 240)
- HSL: hsl(213, 100%, 47%)
- OKLCH: oklch(0.563 0.215 258.7)
- Relative luminance: 0.1702
- Nearest named color: Blue Ribbon (#0066ff, Δ 2.666) — https://brandsweets.com/colors/blue-ribbon
- Moods: cool, vivid, technical, modern
- Page: https://brandsweets.com/colors/006cf0

## Tints & shades

- Tints (toward white): #0a78ff, #2486ff, #3d94ff, #57a2ff, #75b3ff, #8fc1ff, #a8cfff, #c2ddff, #dbebff, #f5f9ff
- Shades (toward black): #0063db, #0057c2, #004ead, #004599, #003c85, #00306b, #002757, #001e42, #001229, #000914

## Harmonies

- Complementary: #f08400
- Analogous: #00e4f0, #0c00f0
- Triadic: #f0006c, #6cf000
- Split-complementary: #f00c00, #e4f000
- Tetradic: #f000e4, #f08400, #00f00c

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

- On white (#ffffff): 4.77:1 — AA pass, AA-large pass, AAA fail. Fix: AAA: text → #0053b8 (7.17:1)
- On black (#000000): 4.4:1 — AA fail, AA-large pass, AAA fail. Fix: AA: text → #006ef5 (4.55:1); AA: background → #fafafa (4.57:1); AAA: text → #4297ff (7.1:1)

## Brands using this color

- **Webflow** — primary #146cf4 (Δ 0.798) — https://brandsweets.com/colors/brands/webflow-com
- **Vercel** — accent #0070f3 (Δ 1.07) — https://brandsweets.com/colors/brands/vercel
- **MongoDB** — secondary #006cfa (Δ 1.514) — https://brandsweets.com/colors/brands/mongodb-com

## Fonts for this mood

- technical: https://brandsweets.com/fonts/mood/technical
- modern: https://brandsweets.com/fonts/mood/modern

## Palette tool

Open this color locked as the lead with four explored companions: https://brandsweets.com/palettes/new/006cf0-9ca9c4-df584e-1f202d-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: "#006cf0" })`), `check_contrast` (with fixes), `generate_palette` (explore around locks), `suggest_palette` (mood/industry → curated-first), `list_palettes`.