Dodger Blue

HEX: #1E90FF | Modern Palette

On White
3.24:1
FAIL
On Black
6.49:1
PASS

Color Specifications

HEX
#1E90FF
RGB
30, 144, 255
HSL
209°, 88% ,100%
CMYK
88.24, 43.53, 0, 0

About Dodger Blue

Dodger Blue (#1E90FF) is a color with RGB(30, 144, 255) and HSL(209.6°, 88.24%, 100%). It is commonly associated with Playful moods. In design, it fits Neon, Cool styles and is suitable for Text, Button, Background. Its complementary color is #FF8D1E, which creates strong contrast. Its triadic palette includes #FF1E90 and #90FF1E. The name comes from Dodger Blue (English).

  • HEX: #1E90FF
  • RGB: 30, 144, 255
  • HSL: 209.6°, 88.24%, 100%
  • Mood: Playful
  • Style: Neon, Cool
  • Use case: Text, Button, Background
  • Complementary color: #FF8D1E
  • Triadic colors: #FF1E90, #90FF1E
  • The name comes from Dodger Blue (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Dodger Blue #1E90FF is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
DODGER BLUE
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
DODGER BLUE
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
DODGER BLUE
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Dodger Blue #1E90FF pairs with #FF8D1E as its complementary color, and #FF1E90 and #90FF1E in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

DODGER BLUE
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

DODGER BLUE
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

DODGER BLUE
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

DODGER BLUE
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

DODGER BLUE
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

DODGER BLUE

Shades & Tints

The shade and tint range for Dodger Blue #1E90FF moves from dark #000D1A tones through the base color to lighter #E6F2FF tones, making it useful for depth, hierarchy, and background variation.

DODGER BLUE

Color Characteristics

Mood
Playful
Style
Neon Cool
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #7C7CFF
Protanopia #8989FF
Tritanopia #00A4A4
Achromatopsia #8F8F8F

Frequently Asked Questions

Dodger Blue (#1E90FF) is a color with RGB(30, 144, 255) and HSL(209.6°, 88.24%, 100%).

#1E90FF pairs strongly with #FF8D1E as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#1E90FF is suitable for Text, Button, Background and works well with Neon, Cool styles.

#1E90FF is commonly associated with Playful.

The name Dodger Blue is linked to Dodger Blue from English, meaning A specific shade of blue associated with the Los Angeles Dodgers baseball team..

Name, History & Etymology

Origin Word Dodger Blue
Meaning A specific shade of blue associated with the Los Angeles Dodgers baseball team.
Language English
First Recorded Use Early 20th Century

History

The Brooklyn Dodgers baseball team, established in 1883, began using blue as a prominent team color early in their history. Over the decades, the specific shade of blue evolved, but a distinct 'Dodger Blue' became a recognizable part of their brand. When the team moved to Los Angeles in 1958, they retained their iconic blue. The hex code #1e90ff is one of the officially recognized digital representations of this color, often referred to as 'Dodger Blue' or 'Deep Sky Blue' in web color standards. It's a vibrant, medium-dark shade of azure blue.

First Recorded Use

The term 'Dodger Blue' likely came into common use shortly after the Brooklyn Dodgers (the team's original name) adopted a distinct blue as their primary color. While the exact year of the specific hex code #1e90ff being designated 'Dodger Blue' is more recent with digital color standards, the concept of 'Dodger Blue' as a team color dates back to the early 1900s.

Cultural Associations

Dodger Blue is deeply ingrained in American sports culture, particularly in baseball. It symbolizes the Los Angeles Dodgers, one of Major League Baseball's most storied franchises. The color is prominently featured in their uniforms, merchandise, and stadium branding. For fans, it represents loyalty, tradition, and the team's identity. Beyond baseball, the color itself (often identified as 'Deep Sky Blue' in general color palettes) is popular for its bright yet deep quality, evoking images of clear skies or deep waters.

Similar Named Colors
Bleu De France #318CE7 ΔE 2.41
Brilliant Azure #3399FF ΔE 2.79
United Nations Blue #5B92E5 ΔE 4.20
Cornflower Blue #6495ED ΔE 5.50

Code Snippets

/* Background */
.element {
    background-color: #1E90FF;
}

/* Text */
.element {
    color: #1E90FF;
}

/* Border */
.element {
    border: 1px solid #1E90FF;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #1E90FF,
        #FFFFFF
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #1E90FF,
        #FFFFFF
    );
}

// SCSS variable
$dodger-blue: #1E90FF;

// With RGB channels (useful for rgba() usage)
$dodger-blue-r: 30;
$dodger-blue-g: 144;
$dodger-blue-b: 255;

// Usage
.element {
    background-color: $dodger-blue;
    color: rgba($dodger-blue-r, $dodger-blue-g, $dodger-blue-b, 0.8);
}