# #30222e

A color — warm, muted, dark, editorial, elegant, luxury, bold. Deterministic analysis from BrandSweets (no inference).

## Values

- Hex: `#30222e`
- RGB: rgb(48, 34, 46)
- HSL: hsl(309, 17%, 16%)
- OKLCH: oklch(0.274 0.03 331.3)
- Relative luminance: 0.0197
- Nearest named color: Aubergine (#372528, Δ 2.275) — https://brandsweets.com/colors/aubergine
- Moods: warm, muted, dark, editorial, elegant, luxury, bold
- Page: https://brandsweets.com/colors/30222e

## Tints & shades

- Tints (toward white): #483344, #5f445b, #7a5775, #92688c, #a47f9e, #b597b0, #c6aec2, #d9c9d7, #eae1e9, #fbf9fb
- Shades (toward black): #2d202b, #2a1e28, #241922, #21171f, #1e151d, #1b131a, #181117, #120d11, #0f0b0e, #0c080b

## Harmonies

- Complementary: #223024
- Analogous: #2b2230, #302227
- Triadic: #2e3022, #222e30
- Split-complementary: #273022, #22302b
- Tetradic: #302b22, #223024, #222730

## Colors that go with #30222e

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 that reads cleanly against #30222e without the hard edge of pure #000. Seen in: Squarespace (https://brandsweets.com/colors/brands/squarespace-com), Boeing (https://brandsweets.com/colors/brands/boeing-com), Tide Pool (https://brandsweets.com/palettes/cool#tide-pool), Volkswagen (https://brandsweets.com/colors/brands/vw-com). — https://brandsweets.com/colors/charcoal
- **Amber** #ffbf00 [pool] — Amber is paired with #30222e in 18 real palettes, including McDonald's's brand system and Wikipedia's brand system, as the lead colour. Seen in: McDonald's (https://brandsweets.com/colors/brands/mcdonalds-com), Wikipedia (https://brandsweets.com/colors/brands/wikipedia-org), Beach Hut (https://brandsweets.com/palettes/light#beach-hut), Google (https://brandsweets.com/colors/brands/google-com). — https://brandsweets.com/colors/amber
- **Blue** #0000ff [pool] — 23 real palettes, including Sketch's brand system and Readymag's brand system put Blue beside #30222e, as the accent. Seen in: Sketch (https://brandsweets.com/colors/brands/sketch-com), Readymag (https://brandsweets.com/colors/brands/readymag-com), Headspace (https://brandsweets.com/colors/brands/headspace-com), Tim Hortons (https://brandsweets.com/colors/brands/timhortons-com). — https://brandsweets.com/colors/blue
- **Blue Violet** #8a2be2 [pool] — Blue Violet is paired with #30222e in 9 real palettes, including ClickUp's brand system and Yahoo's brand system, as the lead colour. Seen in: ClickUp (https://brandsweets.com/colors/brands/clickup-com), 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
- **Blush Pink** #e8b4b8 [pool] — 7 real palettes, including Graphite Mono and Blush put Blush Pink beside #30222e, as the accent. Seen in: Graphite Mono (https://brandsweets.com/palettes/neutral#graphite-mono), Blush (https://brandsweets.com/palettes/light#blush), Rain Garden (https://brandsweets.com/palettes/cool#rain-garden), Garden Wedding (https://brandsweets.com/palettes/light#garden-wedding). — https://brandsweets.com/colors/blush-pink
- **Brown** #a52a2a [pool] — 5 real palettes, including Typewriter and Woodsmoke put Brown beside #30222e, as the accent. Seen in: Typewriter (https://brandsweets.com/palettes/editorial#typewriter), Woodsmoke (https://brandsweets.com/palettes/dark#woodsmoke), State Farm (https://brandsweets.com/colors/brands/statefarm-com), Garnet (https://brandsweets.com/palettes/warm#garnet). — https://brandsweets.com/colors/brown
- **Burlywood** #deb887 [pool] — Burlywood is paired with #30222e in 6 real palettes, including Kiln and Coastal, as the accent. Seen in: Kiln (https://brandsweets.com/palettes/dark#kiln), Coastal (https://brandsweets.com/palettes/cool#coastal), Chalkboard (https://brandsweets.com/palettes/dark#chalkboard), Polaroid (https://brandsweets.com/palettes/light#polaroid). — https://brandsweets.com/colors/burlywood
- **Cadet Blue** #5f9ea0 [pool] — Designers have shipped Cadet Blue with #30222e: 10 real palettes, including Dusk and SoFi's brand system, as the supporting colour. Seen in: Dusk (https://brandsweets.com/palettes/cool#dusk), SoFi (https://brandsweets.com/colors/brands/sofi-com), Clean Beauty (https://brandsweets.com/palettes/minimal#clean-beauty), Coastal (https://brandsweets.com/palettes/cool#coastal). — https://brandsweets.com/colors/cadetblue

## Contrast (WCAG 2.x, as text)

- On white (#ffffff): 15.07:1 — AA pass, AA-large pass, AAA pass
- On black (#000000): 1.39:1 — AA fail, AA-large fail, AAA fail. Fix: AA: text → #92688c (4.58:1); AA: background → #8f8f8f (4.66:1); AAA: text → #ac8ba7 (7.01:1); AAA: background → #b3b3b3 (7.19:1)

## Fonts for this mood

- warm: https://brandsweets.com/fonts/mood/warm
- editorial: https://brandsweets.com/fonts/mood/editorial
- elegant: https://brandsweets.com/fonts/mood/elegant
- 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/30222e-c19fb8-85cb62-2d1f25-eee9f1?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: "#30222e" })`), `check_contrast` (with fixes), `generate_palette` (explore around locks), `suggest_palette` (mood/industry → curated-first), `list_palettes`.