Color Palettes

Lapis lazuli color

A strong medium blue named after the semi-precious stone mined in Afghanistan for thousands of years and once ground into ultramarine paint. It brings depth to jewelry, tiles and rich interiors.

Also known as: Lapis blue, Lapis.

Open in editor

The hex code for lapis lazuli is #26619C. In RGB it is rgb(38, 97, 156), in HSL hsl(210, 61%, 38%) and in CMYK 76, 38, 0, 39.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to lapis lazuli

Ocean blue#005A9CFrench blue#0072BBPeacock blue#016795Twilight blue#0A437ASteel blue#4682B4Cerulean#007BA7

About lapis lazuli

Lapis lazuli (#26619C) is a cool, mid-tone, moderately saturated color. It belongs to the blues family. It mixes 38 red, 97 green and 156 blue (out of 255). It is mostly used in jewelry, interiors, art.

Swatch of Lapis lazuli with its shades from light to dark · #26619C
Lapis lazuli · #26619C

Lapis lazuli shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Outfit colors by season and style80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more.See outfit palettes

Lapis lazuli color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Leather brown
AnalogousClose to: Dark cyan, Klein blue
TriadicClose to: Dark pink, Avocado
Split complementaryClose to: Auburn, Brass
TetradicClose to: Purple, Leather brown, Forest green

Lapis lazuli color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Lapis lazuli
Analogous palette · Lapis lazuli
Complementary palette · Lapis lazuli
Triadic palette · Lapis lazuli
With neutrals palette · Lapis lazuli
With an accent palette · Lapis lazuli

Lapis lazuli contrast with text

White textContrast 6.4:1 · AA
Black textContrast 3.3:1 · AA large text

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --lapis-lazuli: #26619C;
  --lapis-lazuli-rgb: 38, 97, 156;
}
.bg { background-color: var(--lapis-lazuli); }
.text { color: var(--lapis-lazuli); }

Colors similar to lapis lazuli

Ink blueDenim blueUltra violetDelft blue

Themed palettes with this color

Graduation color palettesMonochromatic color palettesChristmas color palettesKids color palettesMediterranean color palettesMountain color palettes

More blues

BlueNavy blueSky blueCobalt blueSapphire blueSteel blueRoyal blueElectric blueMidnight blueUltramarineFrench bluePrussian bluePastel blueBaby blueDenim blueKlein blueDark blueLight blueCeruleanPeriwinkleDusty bluePowder blueCornflower blueSlate blue
Swatch of Lapis lazuli with its shades from light to dark · #26619C
Swatch of Lapis lazuli with its shades from light to dark · #26619C

Try this next

Name color paletteType a name and get your own color story paletteColor Scratch-OffScratch a free ticket and reveal a paletteColor aquariumA relaxing 3D aquarium in your palettes
See all free tools →

Frequently asked questions

What is the hex code for lapis lazuli?

The hex code for lapis lazuli is #26619C. In RGB it is rgb(38, 97, 156), in HSL hsl(210, 61%, 38%) and in CMYK 76, 38, 0, 39.

What is the complementary color of lapis lazuli?

Its complement on the color wheel is #9C6126, close to leather brown. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on lapis lazuli?

Yes. The contrast with white is 6.4:1, enough for body text (WCAG AA).