Explore

/

Colors

/

Meaning

/

Yankees Blue

Yankees Blue

Introducing Yankees Blue, #1F243C, a color that commands attention with its quiet strength. This profound navy, bordering on charcoal, possesses a unique depth that sets it apart from standard dark tones, offering a rich and stable base for visual compositions.

What color is Yankees Blue?

Yankees Blue is a profoundly dark, cool navy that borders on charcoal. It possesses a subtle gray undertone, giving it a muted, slate-like appearance rather than a vibrant blue.In shadow, the color can appear almost black, but light reveals its deep, desaturated blue identity, giving it a stable and grounding visual weight.

What is the meaning of Yankees Blue?

Yankees Blue, or #1F243C, is a color steeped in authority and stability. Psychologically, this deep navy inspires feelings of trust, professionalism, and confidence, making it a cornerstone for brands aiming to project reliability and sophistication.Beyond its modern applications, the color carries the historical weight and tradition of its namesake, the New York Yankees, symbolizing a legacy of excellence. It evokes the depth of the night sky, suggesting seriousness and profound strength.

How do I use Yankees Blue (#1F243C) in UI design?

As a strong, dark neutral, Yankees Blue (#1F243C) works beautifully as a foundational color. For high readability, use it as a background with light-colored text or as the primary text color against a white or off-white canvas. To create visual interest, introduce a single bright accent—like a vivid yellow or coral—for interactive elements, applying the 60-30-10 principle for a balanced design.This deep, commanding blue is a popular choice in the corporate and tech worlds. Brands like Marcus by Goldman Sachs and monday.com use similar shades to project stability and sophistication. Its appearance in the palettes of companies such as Wrike and Expedia shows its versatility as both a primary brand color and a functional UI color for text and dark-mode themes.Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Yankees Blue in real UI components from top brands.

Using Yankees Blue color codes

Using Yankees Blue in your project is straightforward. The hex code #1F243C is your starting point for any digital work, directly applicable in CSS or design software.Depending on your medium, you may need to convert #1F243C. For screen-based designs, the RGB values are essential. If you're preparing assets for print, you'll need the CMYK values. Other formats like HSL (Hue, Saturation, Lightness) or LAB provide different ways to describe and manipulate the color for specific adjustments.We've done the heavy lifting and converted #1F243C into a full range of popular color formats. You can find and copy the exact codes you need for your project below.

Yankees Blue

#1F243C

Access our full UI & UX library today.

Join for free

What color is Yankees Blue?

Yankees Blue is a profoundly dark, cool navy that borders on charcoal. It possesses a subtle gray undertone, giving it a muted, slate-like appearance rather than a vibrant blue.In shadow, the color can appear almost black, but light reveals its deep, desaturated blue identity, giving it a stable and grounding visual weight.

What is the meaning of Yankees Blue?

Yankees Blue, or #1F243C, is a color steeped in authority and stability. Psychologically, this deep navy inspires feelings of trust, professionalism, and confidence, making it a cornerstone for brands aiming to project reliability and sophistication.Beyond its modern applications, the color carries the historical weight and tradition of its namesake, the New York Yankees, symbolizing a legacy of excellence. It evokes the depth of the night sky, suggesting seriousness and profound strength.

How do I use Yankees Blue (#1F243C) in UI design?

As a strong, dark neutral, Yankees Blue (#1F243C) works beautifully as a foundational color. For high readability, use it as a background with light-colored text or as the primary text color against a white or off-white canvas. To create visual interest, introduce a single bright accent—like a vivid yellow or coral—for interactive elements, applying the 60-30-10 principle for a balanced design.This deep, commanding blue is a popular choice in the corporate and tech worlds. Brands like Marcus by Goldman Sachs and monday.com use similar shades to project stability and sophistication. Its appearance in the palettes of companies such as Wrike and Expedia shows its versatility as both a primary brand color and a functional UI color for text and dark-mode themes.Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Yankees Blue in real UI components from top brands.

Using Yankees Blue color codes

Using Yankees Blue in your project is straightforward. The hex code #1F243C is your starting point for any digital work, directly applicable in CSS or design software.Depending on your medium, you may need to convert #1F243C. For screen-based designs, the RGB values are essential. If you're preparing assets for print, you'll need the CMYK values. Other formats like HSL (Hue, Saturation, Lightness) or LAB provide different ways to describe and manipulate the color for specific adjustments.We've done the heavy lifting and converted #1F243C into a full range of popular color formats. You can find and copy the exact codes you need for your project below.

Yankees Blue Code Conversions

HEX

#1F243C

LAB

15, 5, -16

RGB

31, 36, 60

XYZ

2.0, 1.9, 4.5

HSL

230°, 32%, 18%

LCH

15, 17, 288°

HSB

230°, 48%, 24%

LUV

15, -3, -16

CMYK

48, 40, 0, 76

CMYK

48, 40, 0, 76

HWB

230°, 12%, 76%

Yankees Blue Color Harmonies

Analogous

As neighbors on the color wheel, analogous colors create a unified and soothing palette. With Yankees Blue, these combinations feel naturally cohesive and serene.

#1F333C

#1F243C

#281F3C

#1F333C

#1F243C

#281F3C

Complementary

Colors opposite Yankees Blue on the color wheel are its complements. They produce a striking, high-contrast pairing that makes both colors pop.

#1F243C

#3C371F

#1F243C

#3C371F

Split Complementary

A split complementary palette for Yankees Blue pairs it with the two colors neighboring its opposite, creating high contrast with less tension.

#1F243C

#3C291F

#333C1F

#1F243C

#3C291F

#333C1F

Triadic

Triadic colors are three hues equidistant on the color wheel. For Yankees Blue, this creates a high-contrast combination with a bold, multicolored effect.

#1F243C

#3C1F24

#243C1F

#1F243C

#3C1F24

#243C1F

Tetradic

A tetradic color scheme for Yankees Blue uses two pairs of complementary colors, forming a rich, four-color palette for vibrant and balanced designs.

#1F243C

#3C1F33

#3C371F

#1F3C29

#1F243C

#3C1F33

#3C371F

#1F3C29

Square

A square color scheme uses four colors evenly spaced on the color wheel. With Yankees Blue as the base, this creates a vibrant, high-contrast palette.

#1F243C

#3C1F33

#3C371F

#1F3C29

#1F243C

#3C1F33

#3C371F

#1F3C29

Yankees Blue Contrast Simulation

Text Color

#

Background Color

#

15.26

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.

15.26

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Yankees Blue Color Variations

Shades

Shades of Yankees Blue are created by adding black, giving the color more depth and weight.

#1F243C

#1B1F33

#161A2B

#121522

#0D0F1A

#090A11

#040509

#000000

#1F243C

#1B1F33

#161A2B

#121522

#0D0F1A

#090A11

#040509

#000000

Tints

Tints are lighter versions of Yankees Blue, created by adding white for a softer look.

#1F243C

#3F4358

#5F6374

#7F8290

#9FA1AB

#BFC0C7

#DFE0E3

#FFFFFF

#1F243C

#3F4358

#5F6374

#7F8290

#9FA1AB

#BFC0C7

#DFE0E3

#FFFFFF

Tones

Tones of Yankees Blue are created by adding gray, resulting in softer, more muted versions.

#1F243C

#2D3146

#3B3E4F

#494B59

#565963

#64666D

#727376

#808080

#1F243C

#2D3146

#3B3E4F

#494B59

#565963

#64666D

#727376

#808080

Hues

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

#1F243C

#301F3C

#3C1F33

#3C211F

#3C371F

#2B3C1F

#1F3C29

#1F3A3C

#1F243C

#301F3C

#3C1F33

#3C211F

#3C371F

#2B3C1F

#1F3C29

#1F3A3C

What Interfaces Use Colors Like Yankees Blue?

All Brands That Use Colors Like Yankees Blue

monday.com

Made for work, designed to love.

monday.com

Made for work, designed to love.

Wrike

Wrike's mission is to help you do the best work of your life.

Wrike

Wrike's mission is to help you do the best work of your life.

Uptime

Get smarter in just 5 minutes

Uptime

Get smarter in just 5 minutes

Goldman Sachs International Bank

You Can Money

Goldman Sachs International Bank

You Can Money

Expedia

Where you book matters.

Expedia

Where you book matters.

View all brand colors

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.

Join for free
See our 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.

Join for free
See our 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.

Join for free
See our plans

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox