# #128df3 A color — cool, vivid, technical, modern. Deterministic analysis from BrandSweets (no inference). ## Values - Hex: `#128df3` - RGB: rgb(18, 141, 243) - HSL: hsl(207, 90%, 51%) - OKLCH: oklch(0.636 0.18 251.2) - Relative luminance: 0.2565 - Nearest named color: dodgerblue (#1e90ff, Δ 1.969) — https://brandsweets.com/colors/dodgerblue - Moods: cool, vivid, technical, modern - Page: https://brandsweets.com/colors/128df3 ## Tints & shades - Tints (toward white): #2a99f4, #3da2f5, #55aef6, #6eb9f7, #86c5f9, #99cefa, #b1dafb, #cae5fc, #ddeffd, #f5fafe - Shades (toward black): #0c80df, #0b75cb, #0967b3, #08599b, #074e88, #06406f, #053257, #03243f, #02192c, #010b13 ## Harmonies - Complementary: #f37712 - Analogous: #12f3e7, #121df3 - Triadic: #f3128d, #8df312 - Split-complementary: #f3121d, #f3e712 - Tetradic: #e712f3, #f37712, #1df312 ## Colors that go with #128df3 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 #128df3: softer than #000 and cool enough to feel like part of the same palette. Seen in: Disney (https://brandsweets.com/colors/brands/disney-com), Blizzard (https://brandsweets.com/colors/brands/blizzard-com), Lamborghini (https://brandsweets.com/colors/brands/lamborghini-com), Auth0 (https://brandsweets.com/colors/brands/auth0-com). — https://brandsweets.com/colors/charcoal - **Amber** #ffbf00 [pool] — Amber is paired with #128df3 in 12 real palettes, including Heatwave and Google's brand system, as the supporting colour. Seen in: Heatwave (https://brandsweets.com/palettes/warm#heatwave), Google (https://brandsweets.com/colors/brands/google-com), Walmart (https://brandsweets.com/colors/brands/walmart-com), Wired (https://brandsweets.com/colors/brands/wired-com). — https://brandsweets.com/colors/amber - **Blue** #0000ff [pool] — 11 real palettes, including Unity's brand system and Readymag's brand system put Blue beside #128df3, as the supporting colour. Seen in: Unity (https://brandsweets.com/colors/brands/unity-com), Readymag (https://brandsweets.com/colors/brands/readymag-com), Qualcomm (https://brandsweets.com/colors/brands/qualcomm-com), Cargo (https://brandsweets.com/colors/brands/cargo-site). — https://brandsweets.com/colors/blue - **Cobalt Blue** #0047ab [pool] — Designers have shipped Cobalt Blue with #128df3: 10 real palettes, including Carrefour's brand system and Blue Mono, as the accent. Seen in: Carrefour (https://brandsweets.com/colors/brands/carrefour-com), Blue Mono (https://brandsweets.com/palettes/cool#blue-mono), Hershey's (https://brandsweets.com/colors/brands/hersheys-com), Behance (https://brandsweets.com/colors/brands/behance-net). — https://brandsweets.com/colors/cobalt - **Crimson** #dc143c [pool] — Crimson is paired with #128df3 in 8 real palettes, including NASCAR's brand system and Behance's brand system, as the supporting colour. Seen in: NASCAR (https://brandsweets.com/colors/brands/nascar-com), Behance (https://brandsweets.com/colors/brands/behance-net), Pizza Hut (https://brandsweets.com/colors/brands/pizzahut-com), Foot Locker (https://brandsweets.com/colors/brands/footlocker-com). — https://brandsweets.com/colors/crimson - **Dark Orange** #ff8c00 [pool] — Dark Orange shows up next to #128df3 in 4 real palettes, including Playground and Elastic's brand system, as the lead colour. Seen in: Playground (https://brandsweets.com/palettes/bold#playground), Elastic (https://brandsweets.com/colors/brands/elastic-co), Learning App (https://brandsweets.com/palettes/playful#learning-app), Ahrefs (https://brandsweets.com/colors/brands/ahrefs-com). — https://brandsweets.com/colors/darkorange - **Deep Sky Blue** #00bfff [pool] — Designers have shipped Deep Sky Blue with #128df3: 10 real palettes, including Venmo's brand system and Patreon's brand system, as the supporting colour. Seen in: Venmo (https://brandsweets.com/colors/brands/venmo-com), Patreon (https://brandsweets.com/colors/brands/patreon-com), Figma (https://brandsweets.com/colors/brands/figma), Telegram (https://brandsweets.com/colors/brands/telegram-org). — https://brandsweets.com/colors/deepskyblue - **Dark Goldenrod** #b8860b [harmony: complementary] — Dark Goldenrod sits directly opposite #128df3 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/darkgoldenrod ## Contrast (WCAG 2.x, as text) - On white (#ffffff): 3.43:1 — AA fail, AA-large pass, AAA fail. Fix: AA: text → #0b78d0 (4.55:1); AA: background → #242424 (4.53:1); AAA: text → #08599b (7.21:1) - On black (#000000): 6.13:1 — AA pass, AA-large pass, AAA fail. Fix: AAA: text → #2f9bf4 (7.12:1) ## Brands using this color - **Venmo** — primary #008cff (Δ 1.86) — https://brandsweets.com/colors/brands/venmo-com - **Patreon** — accent #0e87eb (Δ 1.902) — https://brandsweets.com/colors/brands/patreon-com ## Curated palettes containing it - **Heatwave** (summer, warm, bold, vivid) — #ff4d00, #ffb800, #0091ff, #fff9f0, #231205 — Blaze orange and hot yellow with one cold blue — the high-noon palette; use the blue where the eye needs to rest. — tool: https://brandsweets.com/palettes/new/ff4d00-ffb800-0091ff-fff9f0-231205 — collection: https://brandsweets.com/palettes/summer ## 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/128df3-9cadc4-df4e53-1f212d-e9f1f1?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: "#128df3" })`), `check_contrast` (with fixes), `generate_palette` (explore around locks), `suggest_palette` (mood/industry → curated-first), `list_palettes`.