Lapis Lazuli

Lapis Lazuli is a deep, saturated blue with a commanding presence, often associated with the rich color of the gemstone it's named after.

It possesses a cool temperature and subtle violet undertones, giving the hue a sense of depth and stability without being overly dark.

Historically, the Lapis Lazuli stone was prized by ancient royalty and artists, symbolizing wisdom, truth, and a connection to the divine. This deep blue carries an aura of nobility and intellectual depth.

For designers, the color #26619C communicates trust, stability, and authority. It evokes a sense of calm confidence and profound intelligence, making it a strong choice for conveying integrity and expertise.

Lapis Lazuli (#26619C) works beautifully as a primary color for creating a sense of trust and stability, or as a striking accent for calls-to-action and interactive elements. It pairs exceptionally well with crisp whites and soft creams for high-contrast, readable interfaces. For a more dynamic feel, consider an analogous scheme with teals and violets, or a split-complementary palette featuring warm yellows and oranges to make key features pop.

While not as common as navy, this rich blue is present in the branding of companies like Afterpay, Quartz, and IKEA. Its selective use in the market means that incorporating Lapis Lazuli can give a product a unique and memorable identity, setting it apart from competitors who stick to more standard blues.

Use the tools below to explore curated palettes, check the accessibility of your color combinations, and see how Lapis Lazuli looks in real UI components from top-tier apps.

The most direct way to specify Lapis Lazuli in your digital work is with its hex code, #26619C. This code is the standard for CSS and HTML, making it straightforward to implement on any web-based project.

Different applications, however, call for different color models. While HEX is perfect for the web, you'll need RGB (Red, Green, Blue) values for screen-based projects in apps like Figma or Sketch. For print work, you'll use CMYK (Cyan, Magenta, Yellow, Key/Black) values to ensure color accuracy on paper. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments during the design process.

To simplify your workflow, we've converted #26619C into a full range of popular formats. You can find and copy the exact codes you need for your project below.