# #024a97 A color — cool, vivid, dark, technical, modern, luxury, bold. Deterministic analysis from BrandSweets (no inference). ## Values - Hex: `#024a97` - RGB: rgb(2, 74, 151) - HSL: hsl(211, 97%, 30%) - OKLCH: oklch(0.418 0.141 256) - Relative luminance: 0.0714 - Nearest named color: Cascade Twilight (#234893, Δ 1.844) — https://brandsweets.com/colors/cascade-twilight - Moods: cool, vivid, dark, technical, modern, luxury, bold - Page: https://brandsweets.com/colors/024a97 ## Tints & shades - Tints (toward white): #035bba, #036ddd, #047bfb, #278efc, #4aa0fc, #6db3fd, #90c5fd, #afd5fe, #d2e7fe, #f5faff - Shades (toward black): #024388, #023e7e, #02366f, #023164, #012a55, #012346, #011e3c, #01162d, #011123, #000a14 ## Harmonies - Complementary: #974f02 - Analogous: #029497, #050297 - Triadic: #97024a, #4a9702 - Split-complementary: #970502, #949702 - Tetradic: #970294, #974f02, #029705 ## Colors that go with #024a97 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 #024a97: softer than #000 and cool enough to feel like part of the same palette. Seen in: Hasbro (https://brandsweets.com/colors/brands/hasbro-com), Amazon (https://brandsweets.com/colors/brands/amazon-com), Harbour (https://brandsweets.com/palettes/cool#harbour), UEFA (https://brandsweets.com/colors/brands/uefa-com). — https://brandsweets.com/colors/charcoal - **Crimson** #dc143c [harmony, pool: triadic] — Crimson completes a triad with #024a97 — three hues spaced evenly round the wheel, the classic way to get energy into a palette without a clash. Seen in: Walgreens (https://brandsweets.com/colors/brands/walgreens-com), Costco (https://brandsweets.com/colors/brands/costco-com), Chase (https://brandsweets.com/colors/brands/chase-com), Target : Expect More. Pay Less. (https://brandsweets.com/colors/brands/target-com). — https://brandsweets.com/colors/crimson - **Steel Blue** #4682b4 [harmony, pool: analogous] — Steel Blue is #024a97's neighbour on the wheel, so the two read as one family — use it for hover states, gradients and secondary surfaces. Seen in: Fintech Trust (https://brandsweets.com/palettes/cool#fintech-trust), Glacier (https://brandsweets.com/palettes/cool#glacier), Hershey's (https://brandsweets.com/colors/brands/hersheys-com), American Express (https://brandsweets.com/colors/brands/americanexpress-com). — https://brandsweets.com/colors/steelblue - **Sienna** #a0522d [harmony, pool: complementary] — Sienna sits directly opposite #024a97 on the wheel — the strongest contrast one hue can give another, so use it small: a button, a link colour, one highlight. Seen in: Dyson (https://brandsweets.com/colors/brands/dyson-com). — https://brandsweets.com/colors/sienna - **Blue** #0000ff [pool] — 7 real palettes, including CVS's brand system and Tesco's brand system put Blue beside #024a97, as the supporting colour. Seen in: CVS (https://brandsweets.com/colors/brands/cvs-com), Tesco (https://brandsweets.com/colors/brands/tesco-com), Procter & Gamble (https://brandsweets.com/colors/brands/pg-com), Alaska Airlines (https://brandsweets.com/colors/brands/alaskaair-com). — https://brandsweets.com/colors/blue - **Firebrick** #b22222 [pool] — Designers have shipped Firebrick with #024a97: 6 real palettes, including MLB's brand system and Campbell's's brand system, as the supporting colour. Seen in: MLB (https://brandsweets.com/colors/brands/mlb-com), Campbell's (https://brandsweets.com/colors/brands/campbells-com), 3M (https://brandsweets.com/colors/brands/3m-com), Nissan (https://brandsweets.com/colors/brands/nissanusa-com). — https://brandsweets.com/colors/firebrick - **Midnight Blue** #191970 [pool] — 17 real palettes, including Fintech Trust and Blue Mono put Midnight Blue beside #024a97, as that palette's text colour. Seen in: Fintech Trust (https://brandsweets.com/palettes/cool#fintech-trust), Blue Mono (https://brandsweets.com/palettes/cool#blue-mono), First Snow (https://brandsweets.com/palettes/cool#first-snow), Air France (https://brandsweets.com/colors/brands/airfrance-com). — https://brandsweets.com/colors/midnightblue - **Orange Red** #ff4500 [pool] — Orange Red is paired with #024a97 in 6 real palettes, including NASA's brand system and Tide's brand system, as the supporting colour. Seen in: NASA (https://brandsweets.com/colors/brands/nasa-gov), Tide (https://brandsweets.com/colors/brands/tide-com), Soundcloud (https://brandsweets.com/colors/brands/soundcloud-com), Tumblr (https://brandsweets.com/colors/brands/tumblr-com). — https://brandsweets.com/colors/orangered ## Contrast (WCAG 2.x, as text) - On white (#ffffff): 8.65:1 — AA pass, AA-large pass, AAA pass - On black (#000000): 2.43:1 — AA fail, AA-large fail, AAA fail. Fix: AA: text → #0472e7 (4.57:1); AA: background → #bdbdbd (4.6:1); AAA: text → #3b98fc (7.08:1); AAA: background → #e8e8e8 (7.06:1) ## Brands using this color - **CVS** — accent #004d99 (Δ 0.861) — https://brandsweets.com/colors/brands/cvs-com - **Unilever** — secondary #004d99 (Δ 0.861) — https://brandsweets.com/colors/brands/unilever-com - **Carrefour** — accent #004e9f (Δ 1.64) — https://brandsweets.com/colors/brands/carrefour-com ## Fonts for this mood - technical: https://brandsweets.com/fonts/mood/technical - modern: https://brandsweets.com/fonts/mood/modern - 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/024a97-9cabc4-df534e-1f202d-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: "#024a97" })`), `check_contrast` (with fixes), `generate_palette` (explore around locks), `suggest_palette` (mood/industry → curated-first), `list_palettes`.