# #cc4428 A color — warm, vivid, playful, bold. Deterministic analysis from BrandSweets (no inference). ## Values - Hex: `#cc4428` - RGB: rgb(204, 68, 40) - HSL: hsl(10, 67%, 48%) - OKLCH: oklch(0.575 0.177 33.4) - Relative luminance: 0.1712 - Nearest named color: Bento Box (#cc363c, Δ 3.468) — https://brandsweets.com/colors/bento-box - Moods: warm, vivid, playful, bold - Page: https://brandsweets.com/colors/cc4428 ## Tints & shades - Tints (toward white): #d75237, #dc644c, #e07761, #e48977, #e89b8c, #ecaea1, #f1c0b7, #f5d3cc, #f9e5e1, #fdf8f6 - Shades (toward black): #bb3e25, #a63721, #95311d, #802a19, #6f2516, #5e1f13, #48180e, #37120b, #220b07, #110603 ## Harmonies - Complementary: #28b1cc - Analogous: #cc285f, #cc9628 - Triadic: #28cc44, #4428cc - Split-complementary: #28cc96, #285fcc - Tetradic: #5fcc28, #28b1cc, #9628cc ## Colors that go with #cc4428 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 #cc4428: 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 #cc4428 — 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), Coinbase (https://brandsweets.com/colors/brands/coinbase), Wayfair (https://brandsweets.com/colors/brands/wayfair-com), Behance (https://brandsweets.com/colors/brands/behance-net). — https://brandsweets.com/colors/royalblue - **Sea Green** #2e8b57 [harmony, pool: triadic] — Sea Green completes a triad with #cc4428 — 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), Wellness (https://brandsweets.com/palettes/warm#wellness), Five Guys (https://brandsweets.com/colors/brands/fiveguys-com), Netflix (https://brandsweets.com/colors/brands/netflix). — https://brandsweets.com/colors/seagreen - **Steel Blue** #4682b4 [harmony, pool: split] — Steel Blue is a split-complement of #cc4428: nearly opposite, so it still pops against it, without the vibrating edge of a true complement. Seen in: Retro Pop (https://brandsweets.com/palettes/playful#retro-pop), Honda (https://brandsweets.com/colors/brands/honda-com), Wendy's (https://brandsweets.com/colors/brands/wendys-com), NASCAR (https://brandsweets.com/colors/brands/nascar-com). — https://brandsweets.com/colors/steelblue - **Amber** #ffbf00 [pool] — Amber is paired with #cc4428 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), Google (https://brandsweets.com/colors/brands/google-com). — 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 #cc4428, 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), Dunkin' (https://brandsweets.com/colors/brands/dunkindonuts-com). — https://brandsweets.com/colors/blue - **Cadet Blue** #5f9ea0 [pool] — Designers have shipped Cadet Blue with #cc4428: 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 - **Champagne** #f7e7ce [pool] — 4 real palettes, including LG's brand system and BrandSweets's brand system put Champagne beside #cc4428, as the accent. Seen in: LG (https://brandsweets.com/colors/brands/lg-com), BrandSweets (https://brandsweets.com/colors/brands/brandsweets), Woodsmoke (https://brandsweets.com/palettes/dark#woodsmoke), Bramble (https://brandsweets.com/palettes/muted#bramble). — https://brandsweets.com/colors/champagne ## Contrast (WCAG 2.x, as text) - On white (#ffffff): 4.75:1 — AA pass, AA-large pass, AAA fail. Fix: AAA: text → #9e341f (7.08:1) - On black (#000000): 4.42:1 — AA fail, AA-large pass, AAA fail. Fix: AA: text → #d14529 (4.59:1); AA: background → #fafafa (4.55:1); AAA: text → #e17a66 (7.18:1) ## Brands using this color - **Aesop** — secondary #ca432f (Δ 0.799) — https://brandsweets.com/colors/brands/aesop-com - **Etsy** — secondary #cf4018 (Δ 1.085) — https://brandsweets.com/colors/brands/etsy-com - **Casper Sleep** — primary #cc3b31 (Δ 1.923) — https://brandsweets.com/colors/brands/casper-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/cc4428-c4a79c-62cbaa-2d281f-f1e9ec?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: "#cc4428" })`), `check_contrast` (with fixes), `generate_palette` (explore around locks), `suggest_palette` (mood/industry → curated-first), `list_palettes`.