Medium Blue

Meet Medium Blue (#0000CD), a pure and assertive shade that commands attention. Its intense saturation offers a bold yet familiar presence, sitting squarely between classic navy and electric cobalt without any hint of green or purple undertones.

What color is Medium Blue?

What is the meaning of Medium Blue?

How do I use Medium Blue (#0000CD) in UI design?

Using Medium Blue color codes

Medium Blue

#0000CD

Access our full UI & UX library today.

What color is Medium Blue?

What is the meaning of Medium Blue?

How do I use Medium Blue (#0000CD) in UI design?

Using Medium Blue color codes

Medium Blue Code Conversions

HEX

#0000CD

LAB

25, 67, -92

RGB

0, 0, 205

XYZ

11.0, 4.4, 58.0

HSL

240°, 100%, 40%

LCH

25, 114, 306°

HSB

240°, 100%, 80%

LUV

25, -7, -101

CMYK

100, 100, 0, 20

CMYK

100, 100, 0, 20

HWB

240°, 0%, 20%

Medium Blue Color Harmonies

Analogous

Found next to each other on the color wheel, analogous colors create a serene and cohesive look, pairing Medium Blue with its neighboring hues.

#0067CD

#0000CD

#6700CD

#0067CD

#0000CD

#6700CD

Complementary

Colors on opposite ends of the color wheel are complementary. Paired with Medium Blue, its complement produces a high-contrast, vibrant visual combination.

#0000CD

#CDCD00

#0000CD

#CDCD00

Split Complementary

The split complementary palette for Medium Blue uses the two colors adjacent to its complement, providing strong visual contrast with less tension.

#0000CD

#CD6700

#67CD00

#0000CD

#CD6700

#67CD00

Triadic

A triadic scheme pairs Medium Blue with two other colors, all equally distant on the color wheel, creating a bold and harmonious effect.

#0000CD

#CD0000

#00CD00

#0000CD

#CD0000

#00CD00

Tetradic

For Medium Blue, a tetradic palette is built from two complementary color pairs, forming a vibrant, rectangular shape on the color wheel.

#0000CD

#CD0067

#CDCD00

#00CD67

#0000CD

#CD0067

#CDCD00

#00CD67

Square

A square color scheme pairs Medium Blue with three other colors, all equidistant on the color wheel, creating a lively and balanced palette.

#0000CD

#CD0067

#CDCD00

#00CD67

#0000CD

#CD0067

#CDCD00

#00CD67

Medium Blue Contrast Simulation

Text Color

#

Background Color

#

11.16

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

11.16

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Medium Blue Color Variations

Shades

Shades are darker versions of Medium Blue, created by mixing in black to add depth.

#0000CD

#0000B0

#000092

#000075

#000058

#00003B

#00001D

#000000

#0000CD

#0000B0

#000092

#000075

#000058

#00003B

#00001D

#000000

Tints

Tints of Medium Blue are lighter values made by adding white for a softer appearance.

#0000CD

#2424D4

#4949DB

#6D6DE2

#9292EA

#B6B6F1

#DBDBF8

#FFFFFF

#0000CD

#2424D4

#4949DB

#6D6DE2

#9292EA

#B6B6F1

#DBDBF8

#FFFFFF

Tones

Tones of Medium Blue are created by adding gray, resulting in softer, more muted versions.

#0000CD

#1212C2

#2525B7

#3737AC

#4949A1

#5B5B96

#6E6E8B

#808080

#0000CD

#1212C2

#2525B7

#3737AC

#4949A1

#5B5B96

#6E6E8B

#808080

Hues

Hues are variations of Medium Blue, differing in intensity or temperature to create distinct moods.

#0000CD

#9A00CD

#CD0067

#CD3300

#CDCD00

#33CD00

#00CD67

#009ACD

#0000CD

#9A00CD

#CD0067

#CD3300

#CDCD00

#33CD00

#00CD67

#009ACD

What Interfaces Use Colors Like Medium Blue?

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox