Shining Blue

Meet Shining Blue (#D0D9D8), a color that defies easy categorization. It’s a muted, near-neutral shade with a subtle coolness, sitting between a soft gray and a pale sky blue. This quiet complexity makes it a fascinating base for modern interface design.

What color is Shining Blue?

What is the meaning of Shining Blue?

How do I use Shining Blue (#D0D9D8) in UI design?

Using Shining Blue color codes

Shining Blue

#D0D9D8

Access our full UI & UX library today.

What color is Shining Blue?

What is the meaning of Shining Blue?

How do I use Shining Blue (#D0D9D8) in UI design?

Using Shining Blue color codes

Shining Blue Code Conversions

HEX

#D0D9D8

LAB

86, -3, -1

RGB

208, 217, 216

XYZ

63.2, 68.0, 74.7

HSL

173°, 11%, 83%

LCH

86, 3, 190°

HSB

173°, 4%, 85%

LUV

86, -5, 0

CMYK

4, 0, 0, 15

CMYK

4, 0, 0, 15

HWB

173°, 82%, 15%

Shining Blue Color Harmonies

Analogous

Analogous colors are found next to each other on the color wheel. For Shining Blue, this creates a harmonious and serene visual palette.

#D0D9D3

#D0D9D8

#D0D5D9

#D0D9D3

#D0D9D8

#D0D5D9

Complementary

Colors opposite Shining Blue on the color wheel are its complements. Pairing them produces a striking, high-contrast combination perfect for drawing attention.

#D0D9D8

#D9D0D1

#D0D9D8

#D9D0D1

Split Complementary

A split complementary scheme for Shining Blue uses the two colors adjacent to its direct complement, offering a vibrant yet balanced palette with less tension.

#D0D9D8

#D9D0D5

#D9D3D0

#D0D9D8

#D9D0D5

#D9D3D0

Triadic

A triadic scheme pairs Shining Blue with two other colors, all equidistant on the color wheel, for a high-contrast, harmonious combination.

#D0D9D8

#D8D0D9

#D9D8D0

#D0D9D8

#D8D0D9

#D9D8D0

Tetradic

Using two complementary pairs, a tetradic scheme builds a four-color combination around Shining Blue for a vibrant and balanced look.

#D0D9D8

#D3D0D9

#D9D0D1

#D5D9D0

#D0D9D8

#D3D0D9

#D9D0D1

#D5D9D0

Square

A square color scheme features four colors spaced evenly on the color wheel. This arrangement produces a rich, high-contrast palette with Shining Blue at its core.

#D0D9D8

#D3D0D9

#D9D0D1

#D5D9D0

#D0D9D8

#D3D0D9

#D9D0D1

#D5D9D0

Shining Blue Contrast Simulation

Text Color

#

Background Color

#

14.60

Super

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.

14.60

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Shining Blue Color Variations

Shades

Shades of Shining Blue are created by adding black, which introduces depth and visual weight.

#D0D9D8

#B2BAB9

#959B9A

#777C7B

#595D5D

#3B3E3E

#1E1F1F

#000000

#D0D9D8

#B2BAB9

#959B9A

#777C7B

#595D5D

#3B3E3E

#1E1F1F

#000000

Tints

Tints are lighter versions of Shining Blue, created by adding white for a softer feel.

#D0D9D8

#D7DEDE

#DDE4E3

#E4E9E9

#EBEFEE

#F2F4F4

#F8FAF9

#FFFFFF

#D0D9D8

#D7DEDE

#DDE4E3

#E4E9E9

#EBEFEE

#F2F4F4

#F8FAF9

#FFFFFF

Tones

Adding gray to Shining Blue creates tones, resulting in softer, less saturated variations.

#D0D9D8

#C5CCCB

#B9C0BF

#AEB3B2

#A2A6A6

#979999

#8B8D8D

#808080

#D0D9D8

#C5CCCB

#B9C0BF

#AEB3B2

#A2A6A6

#979999

#8B8D8D

#808080

Hues

Hues are variations of Shining Blue, differing in intensity and temperature to create distinct moods.

#D0D9D8

#D0D3D9

#D3D0D9

#D9D0D8

#D9D0D1

#D9D6D0

#D5D9D0

#D0D9D1

#D0D9D8

#D0D3D9

#D3D0D9

#D9D0D8

#D9D0D1

#D9D6D0

#D5D9D0

#D0D9D1

What Interfaces Use Colors Like Shining Blue?

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