Capri

#00bfff

Save

About Capri

Capri is the blue that actually reads as cyan the moment you look at it straight on. It's got next-to-no saturation restraint, brighter than Blue Mana, more electric than Below Zero, the kind of color that doesn't sit politely on a secondary surface. It's almost asking to be noticed.

You'll land here in interfaces that need real presence without going full neon: data visualization where accent colors matter, interactive elements in design tools, primary buttons in light-themed apps, anywhere you need the user's eye to actually travel. It works in fintech dashboards and SaaS products when you want a secondary action to feel as clickable as it looks. Pair it with darker neutrals and the contrast becomes almost aggressive, which is exactly the point if that's what your hierarchy needs.

On warmer monitors it'll drift noticeably cyan, and frankly, that's when it feels most at home. On cooler screens it holds tighter to blue, but either way, this isn't the color you choose to disappear.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Create a gradient with Capri

Open the generator with this color pre-loaded.

Start creating