# #02236e A color — cool, vivid, dark, technical, modern, luxury, bold. Deterministic analysis from BrandSweets (no inference). ## Values - Hex: `#02236e` - RGB: rgb(2, 35, 110) - HSL: hsl(222, 96%, 22%) - OKLCH: oklch(0.294 0.135 262.5) - Relative luminance: 0.0234 - Nearest named color: Black Sea Night (#052462, Δ 2.14) — https://brandsweets.com/colors/black-sea-night - Moods: cool, vivid, dark, technical, modern, luxury, bold - Page: https://brandsweets.com/colors/02236e ## Tints & shades - Tints (toward white): #032f96, #043ab9, #0547e1, #0f56fa, #3772fb, #5f8efc, #82a7fc, #aac3fd, #cddcfe, #f5f8ff - Shades (toward black): #021f64, #021c5a, #021b55, #02184b, #011441, #011137, #010e2d, #010d28, #01091e, #000614 ## Harmonies - Complementary: #6e4e02 - Analogous: #02586e, #18026e - Triadic: #6e0223, #236e02 - Split-complementary: #6e1802, #586e02 - Tetradic: #6e0258, #6e4e02, #026e18 ## Colors that go with #02236e 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 #02236e: softer than #000 and cool enough to feel like part of the same palette. Seen in: CeraVe (https://brandsweets.com/colors/brands/cerave-com), Boeing (https://brandsweets.com/colors/brands/boeing-com), Plaid (https://brandsweets.com/colors/brands/plaid-com), Microsoft (https://brandsweets.com/colors/brands/microsoft-com). — https://brandsweets.com/colors/charcoal - **Crimson** #dc143c [harmony, pool: triadic] — Crimson completes a triad with #02236e — three hues spaced evenly round the wheel, the classic way to get energy into a palette without a clash. Seen in: Nintendo (https://brandsweets.com/colors/brands/nintendo-com), Casper Sleep (https://brandsweets.com/colors/brands/casper-com), Marvel (https://brandsweets.com/colors/brands/marvel-com), Pepsi (https://brandsweets.com/colors/brands/pepsi-com). — https://brandsweets.com/colors/crimson - **Steel Blue** #4682b4 [harmony, pool: analogous] — Steel Blue is #02236e's neighbour on the wheel, so the two read as one family — use it for hover states, gradients and secondary surfaces. Seen in: Plaid (https://brandsweets.com/colors/brands/plaid-com), Deep Water (https://brandsweets.com/palettes/dark#deep-water), Glacier (https://brandsweets.com/palettes/cool#glacier), Hershey's (https://brandsweets.com/colors/brands/hersheys-com). — https://brandsweets.com/colors/steelblue - **Blue** #0000ff [pool] — 5 real palettes, including Alaska Airlines's brand system and Monzo's brand system put Blue beside #02236e, as the accent. Seen in: Alaska Airlines (https://brandsweets.com/colors/brands/alaskaair-com), Monzo (https://brandsweets.com/colors/brands/monzo-com), Sketch (https://brandsweets.com/colors/brands/sketch-com), Penpot (https://brandsweets.com/colors/brands/penpot-app). — https://brandsweets.com/colors/blue - **Cadet Blue** #5f9ea0 [pool] — Designers have shipped Cadet Blue with #02236e: 5 real palettes, including SoFi's brand system and Open House, as the supporting colour. Seen in: SoFi (https://brandsweets.com/colors/brands/sofi-com), Open House (https://brandsweets.com/palettes/clean#open-house), Coastal (https://brandsweets.com/palettes/cool#coastal), Dusk (https://brandsweets.com/palettes/cool#dusk). — https://brandsweets.com/colors/cadetblue - **Cobalt Blue** #0047ab [pool] — Designers have shipped Cobalt Blue with #02236e: 5 real palettes, including Purina Pro Plan's brand system and Blue Mono, as the accent. Seen in: Purina Pro Plan (https://brandsweets.com/colors/brands/chewy-com), Blue Mono (https://brandsweets.com/palettes/cool#blue-mono), Glacier (https://brandsweets.com/palettes/cool#glacier), MLB (https://brandsweets.com/colors/brands/mlb-com). — https://brandsweets.com/colors/cobalt - **Denim** #1560bd [pool] — Designers have shipped Denim with #02236e: 14 real palettes, including Bank of America's brand system and Panasonic's brand system, as the accent. Seen in: Bank of America (https://brandsweets.com/colors/brands/bankofamerica-com), Panasonic (https://brandsweets.com/colors/brands/panasonic-com), Skechers (https://brandsweets.com/colors/brands/skechers-com), Hasbro (https://brandsweets.com/colors/brands/hasbro-com). — https://brandsweets.com/colors/denim - **Orange Red** #ff4500 [pool] — Orange Red is paired with #02236e in 5 real palettes, including Tide's brand system and Monzo's brand system, as the accent. Seen in: Tide (https://brandsweets.com/colors/brands/tide-com), Monzo (https://brandsweets.com/colors/brands/monzo-com), NASA (https://brandsweets.com/colors/brands/nasa-gov), Tumblr (https://brandsweets.com/colors/brands/tumblr-com). — https://brandsweets.com/colors/orangered ## Contrast (WCAG 2.x, as text) - On white (#ffffff): 14.3:1 — AA pass, AA-large pass, AAA pass - On black (#000000): 1.47:1 — AA fail, AA-large fail, AAA fail. Fix: AA: text → #2d6bfb (4.61:1); AA: background → #919191 (4.54:1); AAA: text → #6492fc (7.06:1); AAA: background → #b8b8b8 (7.21:1) ## Brands using this color - **Bank of America** — secondary #012169 (Δ 1.07) — https://brandsweets.com/colors/brands/bankofamerica-com - **Crest** — secondary #001c71 (Δ 1.709) — https://brandsweets.com/colors/brands/crest-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/02236e-9ca3c4-df6e4e-211f2d-e9eff1?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: "#02236e" })`), `check_contrast` (with fixes), `generate_palette` (explore around locks), `suggest_palette` (mood/industry → curated-first), `list_palettes`.