# #cc3f14 A color — warm, vivid, playful, bold. Deterministic analysis from BrandSweets (no inference). ## Values - Hex: `#cc3f14` - RGB: rgb(204, 63, 20) - HSL: hsl(14, 82%, 44%) - OKLCH: oklch(0.568 0.185 35.8) - Relative luminance: 0.1644 - Nearest named color: Bolognese (#bb4400, Δ 3.486) — https://brandsweets.com/colors/bolognese - Moods: warm, vivid, playful, bold - Page: https://brandsweets.com/colors/cc3f14 ## Tints & shades - Tints (toward white): #e34616, #ea5a2e, #ed6c45, #ef8261, #f29578, #f4a790, #f7bdab, #f9cfc3, #fce5df, #fef8f6 - Shades (toward black): #ba3912, #a73411, #952e0f, #82280d, #6f220b, #5d1d09, #4a1707, #381106, #250b04, #130602 ## Harmonies - Complementary: #14a1cc - Analogous: #cc1445, #cc9b14 - Triadic: #14cc3f, #3f14cc - Split-complementary: #14cc9b, #1445cc - Tetradic: #45cc14, #14a1cc, #9b14cc ## Colors that go with #cc3f14 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 body-text near-black for #cc3f14: its slight blue cast keeps type crisp beside a warm colour where pure #000 looks heavy. Seen in: IHG (https://brandsweets.com/colors/brands/ihg-com), Codecademy (https://brandsweets.com/colors/brands/codecademy-com), Frost & Ember (https://brandsweets.com/palettes/bold#frost-and-ember), Logitech (https://brandsweets.com/colors/brands/logitech-com). — https://brandsweets.com/colors/charcoal - **Royal Blue** #4169e1 [harmony, pool: triadic] — Royal Blue completes a triad with #cc3f14 — three hues spaced evenly round the wheel, the classic way to get energy into a palette without a clash. Seen in: Foot Locker (https://brandsweets.com/colors/brands/footlocker-com), Behance (https://brandsweets.com/colors/brands/behance-net), Wayfair (https://brandsweets.com/colors/brands/wayfair-com), Coinbase (https://brandsweets.com/colors/brands/coinbase). — https://brandsweets.com/colors/royalblue - **Sea Green** #2e8b57 [harmony, pool: triadic] — Sea Green completes a triad with #cc3f14 — three hues spaced evenly round the wheel, the classic way to get energy into a palette without a clash. Seen in: Coinbase (https://brandsweets.com/colors/brands/coinbase), Netflix (https://brandsweets.com/colors/brands/netflix), Five Guys (https://brandsweets.com/colors/brands/fiveguys-com), Wellness (https://brandsweets.com/palettes/warm#wellness). — https://brandsweets.com/colors/seagreen - **Steel Blue** #4682b4 [harmony, pool: split] — Steel Blue is a split-complement of #cc3f14: nearly opposite, so it still pops against it, without the vibrating edge of a true complement. Seen in: Honda (https://brandsweets.com/colors/brands/honda-com), Wendy's (https://brandsweets.com/colors/brands/wendys-com), Wired (https://brandsweets.com/colors/brands/wired-com), NASCAR (https://brandsweets.com/colors/brands/nascar-com). — https://brandsweets.com/colors/steelblue - **Amber** #ffbf00 [pool] — Amber is paired with #cc3f14 in 7 real palettes, including Trailhead and McDonald's's brand system, as the accent. Seen in: Trailhead (https://brandsweets.com/palettes/warm#trailhead), McDonald's (https://brandsweets.com/colors/brands/mcdonalds-com), Maple (https://brandsweets.com/palettes/warm#maple), Ember (https://brandsweets.com/palettes/bold#ember). — https://brandsweets.com/colors/amber - **Blue** #0000ff [pool] — 8 real palettes, including Tim Hortons's brand system and Doordash's brand system put Blue beside #cc3f14, as the accent. Seen in: Tim Hortons (https://brandsweets.com/colors/brands/timhortons-com), Doordash (https://brandsweets.com/colors/brands/doordash-com), native Cybersecurity (https://brandsweets.com/colors/brands/crowdstrike-com), Glossier (https://brandsweets.com/colors/brands/glossier-com). — https://brandsweets.com/colors/blue - **Cadet Blue** #5f9ea0 [pool] — Designers have shipped Cadet Blue with #cc3f14: 4 real palettes, including Diner and Clean Beauty, as the supporting colour. Seen in: Diner (https://brandsweets.com/palettes/vivid#diner), Clean Beauty (https://brandsweets.com/palettes/minimal#clean-beauty), Alpine (https://brandsweets.com/palettes/cool#alpine), Dusk (https://brandsweets.com/palettes/cool#dusk). — https://brandsweets.com/colors/cadetblue - **Cobalt Blue** #0047ab [pool] — Designers have shipped Cobalt Blue with #cc3f14: 5 real palettes, including Behance's brand system and Walgreens's brand system, as the supporting colour. Seen in: Behance (https://brandsweets.com/colors/brands/behance-net), Walgreens (https://brandsweets.com/colors/brands/walgreens-com), MLB (https://brandsweets.com/colors/brands/mlb-com), NASA (https://brandsweets.com/colors/brands/nasa-gov). — https://brandsweets.com/colors/cobalt ## Contrast (WCAG 2.x, as text) - On white (#ffffff): 4.9:1 — AA pass, AA-large pass, AAA fail. Fix: AAA: text → #a23210 (7:1) - On black (#000000): 4.29:1 — AA fail, AA-large pass, AAA fail. Fix: AA: text → #d54215 (4.62:1); AA: background → #f7f7f7 (4.57:1); AAA: text → #ed704a (7.02:1) ## Brands using this color - **Etsy** — secondary #cf4018 (Δ 0.68) — https://brandsweets.com/colors/brands/etsy-com - **IHG** — secondary #c7370f (Δ 1.755) — https://brandsweets.com/colors/brands/ihg-com - **Aesop** — secondary #ca432f (Δ 1.771) — https://brandsweets.com/colors/brands/aesop-com ## Fonts for this mood - warm: https://brandsweets.com/fonts/mood/warm - playful: https://brandsweets.com/fonts/mood/playful - 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/cc3f14-c4aa9c-62cbb1-2d291f-f1e9eb?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: "#cc3f14" })`), `check_contrast` (with fixes), `generate_palette` (explore around locks), `suggest_palette` (mood/industry → curated-first), `list_palettes`.