Dark Pastel Blue

HEX: #779ECB | Modern Palette

On White
2.79:1
FAIL
On Black
7.54:1
PASS

Color Specifications

HEX
#779ECB
RGB
119, 158, 203
HSL
212°, 41% ,79%
CMYK
41.38, 22.17, 0, 20.39

About Dark Pastel Blue

Dark Pastel Blue (#779ECB) is a color with RGB(119, 158, 203) and HSL(212.14°, 41.38%, 79.61%). It is commonly associated with Calm moods. In design, it fits Cool styles and is suitable for Text, Print. Its complementary color is #CBA477, which creates strong contrast. Its triadic palette includes #CB779E and #9ECB77. The name comes from Dark Pastel Blue (English).

  • HEX: #779ECB
  • RGB: 119, 158, 203
  • HSL: 212.14°, 41.38%, 79.61%
  • Mood: Calm
  • Style: Cool
  • Use case: Text, Print
  • Complementary color: #CBA477
  • Triadic colors: #CB779E, #9ECB77
  • The name comes from Dark Pastel Blue (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Dark Pastel Blue #779ECB 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.
 
 
 
DARK PASTEL BLUE
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
DARK PASTEL BLUE
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
 
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Dark Pastel Blue #779ECB pairs with #CBA477 as its complementary color, and #CB779E and #9ECB77 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.

DARK PASTEL BLUE
Analogous

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

DARK PASTEL BLUE
Triadic

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

DARK PASTEL BLUE
Split-Complementary

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

DARK PASTEL BLUE
Tetradic (Square)

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

DARK PASTEL BLUE
Monochromatic

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

DARK PASTEL BLUE

Shades & Tints

The shade and tint range for Dark Pastel Blue #779ECB moves from dark #070C12 tones through the base color to lighter #EDF2F8 tones, making it useful for depth, hierarchy, and background variation.

DARK PASTEL BLUE

Color Characteristics

Mood
Calm
Style
Cool
Use case
Text Print

Accessibility Simulation

Deuteranopia #9494CC
Protanopia #9A9ACB
Tritanopia #6CA5A5
Achromatopsia #9B9B9B

Frequently Asked Questions

Dark Pastel Blue (#779ECB) is a color with RGB(119, 158, 203) and HSL(212.14°, 41.38%, 79.61%).

#779ECB pairs strongly with #CBA477 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#779ECB is suitable for Text, Print and works well with Cool styles.

#779ECB is commonly associated with Calm.

The name Dark Pastel Blue is linked to Dark Pastel Blue from English, meaning A shade of blue that is darker than a typical pastel blue, often described as a muted or dusty medium blue..

Name, History & Etymology

Origin Word Dark Pastel Blue
Meaning A shade of blue that is darker than a typical pastel blue, often described as a muted or dusty medium blue.
Language English
First Recorded Use Late 20th Century

History

The concept of 'pastel' colors emerged in art, particularly with pastel chalks, allowing for softer, lighter hues. As color naming became more granular, especially with the rise of digital media and standardized color palettes (like X11 color names, although this specific name isn't a standard X11 name), modifiers like 'dark' were added to existing color names to denote variations. 'Dark Pastel Blue' suggests a blue that retains the muted, soft quality of a pastel but with a deeper value, moving away from the very light, airy feel of a traditional pastel. It's a descriptive name rather than a historically significant pigment name.

First Recorded Use

While 'pastel blue' has existed for much longer, the specific compound term 'Dark Pastel Blue' as a distinct color name, especially with a precise hex code like #779ecb, likely gained traction with the advent of digital color systems and web design in the late 20th century (1980s-1990s).

Cultural Associations

This color evokes a sense of calm, serenity, and sophistication due to its muted quality. It's often seen in interior design for bedrooms or living spaces to create a relaxing atmosphere. In fashion, it can be used for both casual and semi-formal wear, offering a softer alternative to navy or royal blue. It's less childlike than a bright pastel blue and more mature, often associated with tranquility and understated elegance. It can also be reminiscent of a clear, slightly overcast sky or the deeper parts of a calm sea.

Similar Named Colors
Vista Blue #7C9ED9 ΔE 2.71
Cerulean Frost #6D9BC3 ΔE 2.79
Little Boy Blue #6CA0DC ΔE 2.83
Blue Gray #6699CC ΔE 3.00

Code Snippets

/* Background */
.element {
    background-color: #779ECB;
}

/* Text */
.element {
    color: #779ECB;
}

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #779ECB,
        #E1CDB5
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #779ECB,
        #E1CDB5
    );
}

// SCSS variable
$dark-pastel-blue: #779ECB;

// With RGB channels (useful for rgba() usage)
$dark-pastel-blue-r: 119;
$dark-pastel-blue-g: 158;
$dark-pastel-blue-b: 203;

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