Named color

Bluerocratic

#1f66ff

hex#1f66ff

rgbrgb(31, 102, 255)

hslhsl(221, 100%, 56%)

oklchoklch(0.567 0.238 262.7)

Relative luminance 0.1701

Cool Vivid Technical Modern

Open in palette tool Check contrast

Bluerocratic 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 7 public brands that use it and the palettes it appears in.

Tints & shades

Tints — toward white

3374ff 4782ff 6193ff 75a1ff 8aafff 9ebdff b3cbff ccdcff e0eaff f5f8ff

Shades — toward black

0554ff 004aeb 0041cc 0039b3 003099 002880 002066 001747 000f2e 000614

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

Harmonies

Complementary

Open in tool →

1f66ff ffb81f

#ffb81f

Analogous

Open in tool →

1f66ff 1fd6ff 481fff

#1fd6ff · #481fff

Triadic

Open in tool →

1f66ff ff1f66 66ff1f

#ff1f66 · #66ff1f

Split-complementary

Open in tool →

1f66ff ff481f d6ff1f

#ff481f · #d6ff1f

Tetradic

Open in tool →

1f66ff ff1fd6 ffb81f 1fff48

#ff1fd6 · #ffb81f · #1fff48

Contrast

Bluerocratic as text	Ratio	AA	AA large	AAA	Fix
Aaon white	4.77:1	pass	pass	fail	AAA: use #0047e0 as the text (7.05:1)
Aaon black	4.4:1	fail	pass	fail	AA: use #2469ff as the text (4.54:1) AAA: use #6193ff as the text (7.13:1) AA: or shift the background to #fafafa (4.57:1)

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

Brands using this color

Fonts for this mood

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

Technical fonts →Modern fonts →

mcpConnect your agent — build around Bluerocratic

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 #1f66ff and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link

tool url/palettes/new/1f66ff-9ca4c4-df6b4e-211f2d-e9eff1?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