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

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
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

Complementary

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

Analogous

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

Triadic

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

Split-Complementary

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

Tetradic (Square)

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

Monochromatic

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

Shades & Tints

A seamless scale of #0000CD from deepest shade to lightest tint.

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);
}