Lapis Lazuli

Meet Lapis Lazuli (#26619C), a deep, saturated blue that commands attention without overwhelming the senses. Its striking intensity comes from a confident balance between richness and clarity, offering a powerful yet refined hue that feels both classic and contemporary for any design palette.

What color is Lapis Lazuli?

What is the meaning of Lapis Lazuli?

How do I use Lapis Lazuli (#26619C) in UI design?

Using Lapis Lazuli color codes

Lapis Lazuli

#26619C

Access our full UI & UX library today.

What color is Lapis Lazuli?

What is the meaning of Lapis Lazuli?

How do I use Lapis Lazuli (#26619C) in UI design?

Using Lapis Lazuli color codes

Lapis Lazuli Code Conversions

HEX

#26619C

LAB

40, 2, -38

RGB

38, 97, 156

XYZ

11.1, 11.4, 33.1

HSL

210°, 61%, 38%

LCH

40, 38, 273°

HSB

210°, 76%, 61%

LUV

40, -21, -54

CMYK

76, 38, 0, 39

CMYK

76, 38, 0, 39

HWB

210°, 15%, 39%

Lapis Lazuli Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. For Lapis Lazuli, these adjacent hues create a harmonious and serene visual effect, perfect for cohesive designs.

#269C9C

#26619C

#26269C

#269C9C

#26619C

#26269C

Complementary

Complementary colors sit opposite each other on the color wheel. Paired with Lapis Lazuli, they create a bold, high-contrast look for any interface.

#26619C

#9C6126

#26619C

#9C6126

Split Complementary

For a high-contrast palette with less tension, a split complementary scheme pairs Lapis Lazuli with the two colors neighboring its direct opposite.

#26619C

#9C2626

#9C9C26

#26619C

#9C2626

#9C9C26

Triadic

A triadic scheme pairs Lapis Lazuli with two other colors, equally distant on the color wheel, for a vibrant and balanced visual effect.

#26619C

#9C2661

#619C26

#26619C

#9C2661

#619C26

Tetradic

A tetradic scheme for Lapis Lazuli forms a rectangle on the color wheel, pairing two sets of complementary colors for a vibrant combination.

#26619C

#9C269C

#9C6126

#269C26

#26619C

#9C269C

#9C6126

#269C26

Square

Formed by four equidistant points on the color wheel, a square scheme gives Lapis Lazuli a bold, balanced palette with maximum color variation.

#26619C

#9C269C

#9C6126

#269C26

#26619C

#9C269C

#9C6126

#269C26

Lapis Lazuli Contrast Simulation

Text Color

#

Background Color

#

6.42

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

6.42

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Lapis Lazuli Color Variations

Shades

By mixing in black, shades of Lapis Lazuli offer darker tones with added gravity.

#26619C

#215386

#1B456F

#163759

#102A43

#0B1C2D

#050E16

#000000

#26619C

#215386

#1B456F

#163759

#102A43

#0B1C2D

#050E16

#000000

Tints

Tints of Lapis Lazuli are created by adding white, resulting in lighter, softer variations.

#26619C

#4578AA

#648EB8

#83A5C6

#A2BBD5

#C1D2E3

#E0E8F1

#FFFFFF

#26619C

#4578AA

#648EB8

#83A5C6

#A2BBD5

#C1D2E3

#E0E8F1

#FFFFFF

Tones

Tones of Lapis Lazuli are created by adding gray, resulting in softer, desaturated variations.

#26619C

#336598

#406A94

#4D6E90

#59738C

#667788

#737C84

#808080

#26619C

#336598

#406A94

#4D6E90

#59738C

#667788

#737C84

#808080

Hues

Hues are variations of Lapis Lazuli, differing in intensity or temperature to create distinct moods.

#26619C

#44269C

#9C269C

#9C2644

#9C6126

#7F9C26

#269C26

#269C7F

#26619C

#44269C

#9C269C

#9C2644

#9C6126

#7F9C26

#269C26

#269C7F

What Interfaces Use Colors Like Lapis Lazuli?

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox