Medium Blue

HEX: #0000CD | Modern Palette

On White
11.16:1
PASS
On Black
1.88:1
FAIL

Color Specifications

HEX
#0000CD
RGB
0, 0, 205
HSL
240°, 100% ,40%
CMYK
100, 100, 0, 20

About Medium Blue

Medium Blue (#0000CD) is a color with RGB(0, 0, 205) and HSL(240°, 100%, 40.2%). It is commonly associated with Bold moods. In design, it fits Vivid, Cool styles and is suitable for Text, Button, Accent. Its complementary color is #CDCD00, which creates strong contrast. Its triadic palette includes #CD0000 and #00CD00. The name comes from Medium Blue (English).

  • HEX: #0000CD
  • RGB: 0, 0, 205
  • HSL: 240°, 100%, 40.2%
  • Mood: Bold
  • Style: Vivid, Cool
  • Use case: Text, Button, Accent
  • Complementary color: #CDCD00
  • Triadic colors: #CD0000, #00CD00
  • The name comes from Medium Blue (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

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

Color Harmonies

Medium Blue #0000CD pairs with #CDCD00 as its complementary color, and #CD0000 and #00CD00 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.

MEDIUM BLUE
Analogous

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

MEDIUM BLUE
Triadic

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

MEDIUM BLUE
Split-Complementary

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

MEDIUM BLUE
Tetradic (Square)

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

MEDIUM BLUE
Monochromatic

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

MEDIUM BLUE

Shades & Tints

The shade and tint range for Medium Blue #0000CD moves from dark #00001A tones through the base color to lighter #E6E6FF tones, making it useful for depth, hierarchy, and background variation.

MEDIUM BLUE

Color Characteristics

Mood
Bold
Style
Vivid Cool
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #0000CD
Protanopia #0000CD
Tritanopia #004E4E
Achromatopsia #3B3B3B

Frequently Asked Questions

Medium Blue (#0000CD) is a color with RGB(0, 0, 205) and HSL(240°, 100%, 40.2%).

#0000CD pairs strongly with #CDCD00 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#0000CD is suitable for Text, Button, Accent and works well with Vivid, Cool styles.

#0000CD is commonly associated with Bold.

The name Medium Blue is linked to Medium Blue from English, meaning A descriptive term for a shade of blue that is neither very dark nor very light, often specifically referring to the web color #0000CD..

Name, History & Etymology

Origin Word Medium Blue
Meaning A descriptive term for a shade of blue that is neither very dark nor very light, often specifically referring to the web color #0000CD.
Language English
First Recorded Use Late 20th Century

History

The concept of 'medium blue' as a descriptive color has existed for centuries, used in art, fashion, and everyday language to distinguish it from lighter (sky blue) or darker (navy blue) shades. However, the precise definition and standardization of 'Medium Blue' to a specific hexadecimal value like #0000CD is a product of the digital age. It was defined as part of the X11 color names, which were widely adopted for web browsers. The X11 color set, developed in the 1980s, provided a common vocabulary for colors in graphical user interfaces. 'Medium Blue' (#0000CD) is one of these named colors, offering a consistent reference point for developers and designers.

First Recorded Use

The specific term 'Medium Blue' as a standardized color name, particularly with a hexadecimal value like #0000CD, gained prominence with the advent of web development and digital color standards. While 'medium blue' as a general description existed earlier, its formalization is tied to digital color systems.

Cultural Associations

In digital contexts, 'Medium Blue' (#0000CD) is a functional color name, primarily used for technical accuracy in web design and programming. It doesn't carry significant cultural symbolism beyond the general associations of blue (calmness, stability, trust) unless specifically used within a brand or artistic context that assigns it such meaning. Its primary cultural impact is its role in standardizing digital color communication.

Similar Named Colors
Zaffre #0014A8 ΔE 4.67
Blue (Pantone) #0018A8 ΔE 4.82
Bluebonnet #1C1CF0 ΔE 6.09
Blue #0000FF ΔE 6.38

Code Snippets

/* Background */
.element {
    background-color: #0000CD;
}

/* Text */
.element {
    color: #0000CD;
}

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #0000CD,
        #CDCD00
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #0000CD,
        #CDCD00
    );
}

// SCSS variable
$medium-blue: #0000CD;

// With RGB channels (useful for rgba() usage)
$medium-blue-r: 0;
$medium-blue-g: 0;
$medium-blue-b: 205;

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