Capri
#00bfff
Bright cyan-blue for airy UI highlights
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.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.