Protoss Pylon

A piercing, high-chroma electric azure

Select a Color

Protoss Pylon is a piercing, high-chroma azure that demands immediate visual attention. Because it is so saturated, this shade functions best as an accent color for calls to action or UI highlights rather than a full background. Black text provides excellent legibility against this hue. For a balanced design, pair #00aaff with muted charcoals to temper its intense, electric energy.

About Protoss Pylon

Chlorinated pool water under a noon sky

What does protoss pylon mean?

This shade often signals energy, clarity, and digital life, so designers commonly reach for it when they want something to read as electric, fresh, and attention-grabbing. Full saturation and high lightness give it a charged, wide-open feeling, like cold air that hums instead of settles.

Where you see protoss pylon

pool water
pool floats
highlighter ink
neon signs
esports jerseys
rocket exhaust in launch footage

What it works for

It works for calls-to-action, gaming and tech brands, sports kits, and anywhere a link or button needs to be found instantly.

What colors go with protoss pylon?

Magenta #ff00ffIts cyan-leaning base pushes against magenta for a loud, party-ready clash.Tangerine #ff9300The warm orange supplies heat that this cold blue lacks.Charcoal #36454fNear-black grounds the glow without dulling its brightness.Mint #98ff98A softer tint nearby lets the pylon color dominate the page.Navy #000080Pairing dark with light blue builds depth in one hue family.Lemon #fff700The yellow sits opposite on the wheel, so both colors read sharper.

Questions about Protoss Pylon

What is the hex code for Protoss Pylon?

Protoss Pylon is #00aaff. In RGB that is rgb(0, 170, 255), in HSL hsl(200, 100%, 50%) and in CMYK 100%, 33%, 0%, 0%.

Is Protoss Pylon readable on white or black?

Protoss Pylon has a 2.56:1 contrast ratio on white and 8.19:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.