Tabloid
Open in tool →Red, black and yellow on white is the loudest three-color system in print — use it when headlines are the product.
Color
#100e16
#100e16
hex
#100e16rgb
rgb(16, 14, 22)hsl
hsl(255, 22%, 7%)oklch
oklch(0.17 0.017 296)Closest name: Midnight Oil (#0b0c14)Relative luminance 0.0048
Tints & shades
Harmonies
Contrast
| #100e16 as text | Ratio | AA | AA large | AAA | Fix |
|---|---|---|---|---|---|
Aaon white | 19.15:1 | pass | pass | pass | Passes AAA — no fix needed. |
Aaon black | 1.1:1 | fail | fail | fail |
Fixes keep hue and saturation and move lightness only, so the suggestion stays on-brand. Ratios are symmetric: the same numbers apply with #100e16 as the background.
Brands using this color
- Hugging Faceprimary · #0b0f19 · Δ1.092
- Twitchtext · #0e0e10 · Δ1.383
- Lineartext · #0d0e10 · Δ1.472
- Lemon Squeezytext · #121217 · Δ1.594
- Railwaytext · #13111c · Δ1.646
- American Expresstext · #111111 · Δ1.829
- Behancetext · #111111 · Δ1.829
- Calmtext · #111111 · Δ1.829
- Intercomtext · #111111 · Δ1.829
- Klarna UStext · #111111 · Δ1.829
- Mirotext · #111111 · Δ1.829
- Paddletext · #111111 · Δ1.829
- PayPaltext · #111111 · Δ1.829
- Plaidtext · #111111 · Δ1.829
- PostHogtext · #111111 · Δ1.829
- Reddittext · #111111 · Δ1.829
- Remixtext · #111111 · Δ1.829
- Replittext · #111111 · Δ1.829
- Verceltext · #111111 · Δ1.829
Palettes built around it
Terminal
Open in tool →Green for success, blue for links, pink for emphasis — the dark-mode developer family, tuned to sit on near-black without glare.
Neobank
Open in tool →Purple-and-lime is the challenger-bank uniform — high energy, and clearly not a legacy bank.
Velvet
Open in tool →Burgundy and plum on near-black with a brass accent — theatre, wine, and anything that wants to feel after-dark.
Fonts for this mood
#100e16 reads as cool, muted, dark. The font library is tagged with the same vocabulary:
mcpConnect your agent — build around #100e16
live endpointPoint any MCP client at the shared colors endpoint and your agent gets the same engine as this page — generate_palette, check_contrast, analyze_color — read-only, no key. Every palette it proposes comes with a /palettes/new/… link: open it, lock what you like, paste the link back.
endpoint
https://mcp.brandsweets.com/colors/mcpclaude mcp add --transport http brandsweets-colors https://mcp.brandsweets.com/colors/mcp
try this prompt
›analyze #100e16 and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link
tool url
/palettes/new/100e16-ab9cc4-dfbd4e-291f2d-e9ebf1?lock=0&style=vibrantWant the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.
Machine-readable: color.md