Blue Jay

#5588dd

Lighter royal blue-violet for confident highlights

Save
Share

About Blue Jay

Blue Jay is what happens when you want saturation without aggression, it's got actual color density, but it refuses to feel clinical the way does. It sits noticeably darker and more chromatic than , which means it won't disappear into a dashboard the moment you pair it with cool gray. There's punch here that doesn't announce itself.

You'll land on it for fintech dashboards, productivity interfaces, and data visualization where you need a secondary blue that reads serious without the coldness. It works in brand guidelines for tech companies that want to feel assured rather than clinical. Unlike Birdie Num Num's softness or ' sharp clarity, Blue Jay gives you genuine depth with restraint, the kind of color that works harder than it looks, holding attention without demanding it.

Pair it against warm neutrals and it'll lean distinctly blue. Next to cool grays it stays grounded, neither disappearing nor fighting for space. That balance is harder to find than you'd think.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
3.53:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.24:1FailAA Large

On Gray 900 #18181b

Aa
5.02:1AAAAA Large

On Black #000000

Aa
5.95:1AAAAA Large

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Create a gradient with Blue Jay

Open the generator with this color pre-loaded.

Start creating