Brand color

Astro Primary

#3178c6

hex#3178c6

rgbrgb(49, 120, 198)

hslhsl(211, 60%, 48%)

oklchoklch(0.567 0.14 253.3)

From Astro brand colorsRelative luminance 0.1816

Cool Vivid Technical Modern

Open in palette tool Check contrast

Astro Primary on this page is the real value, not a screenshot: exact hex, RGB, HSL and OKLCH, ten tints and ten shades, classic harmonies, and WCAG contrast with fixes — plus the 2 public brands that use it and the palettes it appears in.

Tints & shades

Tints — toward white

3f85cf 5492d4 689fd9 7cacde 91b9e3 a5c6e9 bad3ee cee0f3 e2edf8 f7fafd

Shades — toward black

2d6eb4 28619f 24578f 1f4b7a 1b416a 16375a 112a45 0d2035 081421 040a10

Every swatch is its own page — click any to analyze it.

Harmonies

Complementary

Open in tool →

3178c6 c47d31

#c47d31

Analogous

Open in tool →

3178c6 31c1c4 3331c4

#31c1c4 · #3331c4

Triadic

Open in tool →

3178c6 c43178 78c431

#c43178 · #78c431

Split-complementary

Open in tool →

3178c6 c43331 c1c431

#c43331 · #c1c431

Tetradic

Open in tool →

3178c6 c431c1 c47d31 31c433

#c431c1 · #c47d31 · #31c433

Contrast

Astro Primary as text	Ratio	AA	AA large	AAA	Fix
Aaon white	4.53:1	pass	pass	fail	AAA: use #255a93 as the text (7.09:1)
Aaon black	4.63:1	pass	pass	fail	AAA: use #609ad7 as the text (7.1:1)

Fixes keep hue and saturation and move lightness only, so the suggestion stays on-brand. Ratios are symmetric: the same numbers apply with Astro Primary as the background.

Brands using this color

Fonts for this mood

Astro Primary reads as cool, vivid, technical. The font library is tagged with the same vocabulary:

Technical fonts →Modern fonts →

mcpConnect your agent — build around Astro Primary

live endpoint

Point 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.

endpointhttps://mcp.brandsweets.com/colors/mcp

claude mcp add --transport http brandsweets-colors https://mcp.brandsweets.com/colors/mcp

try this prompt

›analyze #3178c6 and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link

tool url/palettes/new/3178c6-9cabc4-df534e-1f202d-e9f1f1?lock=0&style=vibrant

Want the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.

Machine-readable: color.md