Medium Blue

#0000CD

What color is Medium Blue?

Medium blue is a strong, pure blue with no visible lean toward green or purple, hex #0000CD, similar in tone to a clear midday sky. It is deeper than cornflower blue but not as dark as navy, giving it a bold, saturated look.

What is the meaning of the color Medium Blue?

The name medium blue emerged as a practical descriptive term in early 20th-century commercial color systems, used to distinguish this tone from lighter sky blues and darker navies. Blue had long been associated with authority and trust in Western institutional design, and this particular depth was adopted by government and corporate identity work throughout the mid-1900s. IBM made this range of blue so central to its brand identity from the 1960s onward that the company became known as Big Blue, anchoring medium blue firmly in the language of technology and corporate reliability.

RGB
0, 0, 205
HSL
240°, 100%, 40%
CMYK
100, 100, 0, 20
HSV
240°, 100%, 80%
Medium blue color

What colors go with Medium Blue?

Colors that pair well with Medium blue include:
White: clean, high contrast
Light gray: soft, balanced backdrop
Warm gold: rich complementary warmth
Navy: deep tonal layering
Coral: bright, lively contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #0000CD color: #0000CD;
RGB 0, 0, 205 color: rgb(0, 0, 205);
RGB Percentage 0%, 0%, 80% color: rgb(0%, 0%, 80%);
CMYK 100%, 100%, 0%, 20% Not supported in CSS
HSL 240°, 100%, 40% color: hsl(240, 100%, 40%);
HSV 240°, 100%, 80% Not supported in CSS
CIE-LAB 32, 0, -68 color: lab(32% 0 -68);
Decimal 205 Not supported in CSS

Color Variations

Shades

#0000CC
#0000B8
#0000A3
#00008F
#00007A
#000066
#000052
#00003D

Tints

#A3A3FF
#8585FF
#6666FF
#4747FF
#2929FF
#0A0AFF
#0000EB
#0000CC

Tones

#0000CC
#0A0AC2
#1414B8
#1F1FAD
#2929A3
#333399
#3D3D8F
#474785

Hues

#0000CC
#9900CC
#CC0066
#CC3300
#CCCC00
#33CC00
#00CC66
#0099CC

Color Harmonies

Analogous

#0066CC
Click to copy
#0000CD
Click to copy
#6600CC
Click to copy

Complementary

#0000CD
Click to copy
#CCCC00
Click to copy

Split Complementary

#0000CD
Click to copy
#CC6600
Click to copy
#66CC00
Click to copy

Triadic

#0000CD
Click to copy
#CC0000
Click to copy
#00CC00
Click to copy

Tetradic

#0000CD
Click to copy
#CC0066
Click to copy
95%
#CCCC00
Click to copy
#00CC66
Click to copy

Square

#0000CD
Click to copy
#CC0066
Click to copy
95%
#CCCC00
Click to copy
#00CC66
Click to copy

CSS & Dev Snippets

CSS
.medium-blue {
  color: #0000CD;
}
SCSS
$medium-blue: #0000CD;
RGB
rgb(0, 0, 205)

Accessibility & Contrast

White background

11.16:1
11.16
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

1.88:1
1.88
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags