# #170b37 A color — cool, vivid, dark, technical, modern, luxury, bold. Deterministic analysis from BrandSweets (no inference). ## Values - Hex: `#170b37` - RGB: rgb(23, 11, 55) - HSL: hsl(256, 67%, 13%) - OKLCH: oklch(0.2 0.081 289.6) - Relative luminance: 0.007 - Nearest named color: Midnight Monarch (#1c0f33, Δ 1.835) — https://brandsweets.com/colors/midnight-monarch - Moods: cool, vivid, dark, technical, modern, luxury, bold - Page: https://brandsweets.com/colors/170b37 ## Tints & shades - Tints (toward white): #27135e, #351980, #4421a6, #5228c8, #6c44da, #8666e1, #a58ce8, #bfaeef, #ded4f7, #f8f6fd - Shades (toward black): #150a33, #13092f, #12082b, #100826, #100826, #0e0722, #0c061e, #0b051a, #090415, #070311 ## Harmonies - Complementary: #2c370b - Analogous: #0b1537, #2d0b37 - Triadic: #37170b, #0b3717 - Split-complementary: #372d0b, #15370b - Tetradic: #370b15, #2c370b, #0b372d ## Colors that go with #170b37 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 #170b37: softer than #000 and cool enough to feel like part of the same palette. Seen in: Asana (https://brandsweets.com/colors/brands/asana-com), Vimeo (https://brandsweets.com/colors/brands/vimeo-com), Volkswagen (https://brandsweets.com/colors/brands/vw-com), Audi (https://brandsweets.com/colors/brands/audi-com). — https://brandsweets.com/colors/charcoal - **Royal Blue** #4169e1 [harmony, pool: analogous] — Royal Blue is #170b37's neighbour on the wheel, so the two read as one family — use it for hover states, gradients and secondary surfaces. Seen in: Penpot (https://brandsweets.com/colors/brands/penpot-app), Slate Workspace (https://brandsweets.com/palettes/minimal#slate-workspace), Cisco (https://brandsweets.com/colors/brands/cisco-com), Spectrum (https://brandsweets.com/colors/brands/spectrum-com). — https://brandsweets.com/colors/royalblue - **Sea Green** #2e8b57 [harmony, pool: split] — Sea Green is a split-complement of #170b37: nearly opposite, so it still pops against it, without the vibrating edge of a true complement. Seen in: Paramount+ (https://brandsweets.com/colors/brands/paramountplus-com), Intel (https://brandsweets.com/colors/brands/intel-com), Asana (https://brandsweets.com/colors/brands/asana-com), Kia (https://brandsweets.com/colors/brands/kia-com). — https://brandsweets.com/colors/seagreen - **Sienna** #a0522d [harmony, pool: split] — Sienna is a split-complement of #170b37: nearly opposite, so it still pops against it, without the vibrating edge of a true complement. Seen in: Oatly (https://brandsweets.com/colors/brands/oatly-com), Coffee Bar (https://brandsweets.com/palettes/dark#coffee-bar), Woodsmoke (https://brandsweets.com/palettes/dark#woodsmoke), BrandSweets (https://brandsweets.com/colors/brands/brandsweets). — https://brandsweets.com/colors/sienna - **Teal** #008080 [harmony, pool: triadic] — Teal completes a triad with #170b37 — three hues spaced evenly round the wheel, the classic way to get energy into a palette without a clash. Seen in: Clinic (https://brandsweets.com/palettes/clean#clinic), Sapphire & Gold (https://brandsweets.com/palettes/luxury#sapphire-and-gold), Lufthansa (https://brandsweets.com/colors/brands/lufthansa-com), Gemstone (https://brandsweets.com/palettes/vivid#gemstone). — https://brandsweets.com/colors/teal - **Amber** #ffbf00 [pool] — Amber is paired with #170b37 in 18 real palettes, including Southwest Airlines's brand system and Blueprint, as the accent. Seen in: Southwest Airlines (https://brandsweets.com/colors/brands/southwest-com), Blueprint (https://brandsweets.com/palettes/technical#blueprint), Lemon Squeezy (https://brandsweets.com/colors/brands/lemonsqueezy-com), Warner Bros. (https://brandsweets.com/colors/brands/warnerbros-com). — https://brandsweets.com/colors/amber - **Blue** #0000ff [pool] — 18 real palettes, including Penpot's brand system and League of Legends's brand system put Blue beside #170b37, as the supporting colour. Seen in: Penpot (https://brandsweets.com/colors/brands/penpot-app), League of Legends (https://brandsweets.com/colors/brands/leagueoflegends-com), Warp (https://brandsweets.com/colors/brands/warp-dev), Monzo (https://brandsweets.com/colors/brands/monzo-com). — https://brandsweets.com/colors/blue - **Blue Violet** #8a2be2 [pool] — Blue Violet is paired with #170b37 in 10 real palettes, including Gemstone and Yahoo's brand system, as the supporting colour. Seen in: Gemstone (https://brandsweets.com/palettes/vivid#gemstone), Yahoo (https://brandsweets.com/colors/brands/yahoo-com), Prepare your taste buds... (https://brandsweets.com/colors/brands/grubhub-com), Klarna US (https://brandsweets.com/colors/brands/klarna-com). — https://brandsweets.com/colors/blueviolet ## Contrast (WCAG 2.x, as text) - On white (#ffffff): 18.43:1 — AA pass, AA-large pass, AAA pass - On black (#000000): 1.14:1 — AA fail, AA-large fail, AAA fail. Fix: AA: text → #805ddf (4.55:1); AA: background → #808080 (4.67:1); AAA: text → #a188e7 (7.19:1); AAA: background → #a1a1a1 (7.13:1) ## Brands using this color - **Penpot** — primary #100c3c (Δ 1.766) — https://brandsweets.com/colors/brands/penpot-app ## 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/170b37-ab9cc4-dfbf4e-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: "#170b37" })`), `check_contrast` (with fixes), `generate_palette` (explore around locks), `suggest_palette` (mood/industry → curated-first), `list_palettes`.