New Day

Meet New Day (#9DD3E4), a serene sky blue that brings a breath of fresh air to the digital canvas. Its striking quality lies in its exceptional brightness and clean undertone, offering a versatile base for interfaces that feel both open and structured.

What color is New Day?

What is the meaning of New Day?

How do I use New Day (#9DD3E4) in UI design?

Using New Day color codes

New Day

#9DD3E4

Access our full UI & UX library today.

What color is New Day?

What is the meaning of New Day?

How do I use New Day (#9DD3E4) in UI design?

Using New Day color codes

New Day Code Conversions

HEX

#9DD3E4

LAB

81, -13, -14

RGB

157, 211, 228

XYZ

51.2, 59.4, 82.1

HSL

194°, 57%, 75%

LCH

81, 19, 226°

HSB

194°, 31%, 89%

LUV

81, -27, -20

CMYK

31, 7, 0, 11

CMYK

31, 7, 0, 11

HWB

194°, 62%, 11%

New Day Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. Pairing New Day with its adjacent hues creates a harmonious and visually pleasing, serene palette.

#9DE4D2

#9DD3E4

#9DB0E4

#9DE4D2

#9DD3E4

#9DB0E4

Complementary

To find New Day's complementary partner, look directly across the color wheel. This pairing produces a vibrant, high-contrast combination perfect for making elements pop.

#9DD3E4

#E4AE9D

#9DD3E4

#E4AE9D

Split Complementary

This scheme pairs New Day with the two colors adjacent to its direct complement, offering a vibrant yet balanced and harmonious palette.

#9DD3E4

#E49DB0

#E4D29D

#9DD3E4

#E49DB0

#E4D29D

Triadic

Triadic color schemes use three hues evenly spaced on the color wheel. With New Day as the base, this creates a vibrant, high-contrast palette.

#9DD3E4

#E49DD3

#D3E49D

#9DD3E4

#E49DD3

#D3E49D

Tetradic

Tetradic schemes pair New Day with three other colors, creating two complementary sets that form a rectangle on the color wheel.

#9DD3E4

#D29DE4

#E4AE9D

#AFE49D

#9DD3E4

#D29DE4

#E4AE9D

#AFE49D

Square

Building from New Day, a square scheme selects three other colors equidistant on the color wheel, offering a balanced yet highly contrasting combination.

#9DD3E4

#D29DE4

#E4AE9D

#AFE49D

#9DD3E4

#D29DE4

#E4AE9D

#AFE49D

New Day Contrast Simulation

Text Color

#

Background Color

#

12.87

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.

12.87

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

New Day Color Variations

Shades

Shades are darker versions of New Day, created by adding black to introduce depth and weight.

#9DD3E4

#87B5C3

#7097A3

#5A7982

#435A62

#2D3C41

#161E21

#000000

#9DD3E4

#87B5C3

#7097A3

#5A7982

#435A62

#2D3C41

#161E21

#000000

Tints

Tints are lighter versions of New Day, created by adding white for a softer effect.

#9DD3E4

#ABD9E8

#B9E0EC

#C7E6F0

#D5ECF3

#E3F2F7

#F1F9FB

#FFFFFF

#9DD3E4

#ABD9E8

#B9E0EC

#C7E6F0

#D5ECF3

#E3F2F7

#F1F9FB

#FFFFFF

Tones

Tones are muted versions of New Day, created by adding gray to soften its saturation.

#9DD3E4

#99C7D6

#95BBC7

#91AFB9

#8CA4AB

#88989D

#848C8E

#808080

#9DD3E4

#99C7D6

#95BBC7

#91AFB9

#8CA4AB

#88989D

#848C8E

#808080

Hues

Hues are variations of New Day, altering its intensity and temperature to create different moods.

#9DD3E4

#9D9EE4

#D29DE4

#E49DC1

#E4AE9D

#E4E39D

#AFE49D

#9DE4C0

#9DD3E4

#9D9EE4

#D29DE4

#E49DC1

#E4AE9D

#E4E39D

#AFE49D

#9DE4C0

What Interfaces Use Colors Like New Day?

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