MediumBlue Color

Learn about MediumBlue (#0000cd): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#0000cd
HEX #0000cd
RGB rgb(0, 0, 205)
HSL 240°, 100%, 40%

About MediumBlue Color

MediumBlue is a vivid, medium-dark blue that is slightly softer than pure blue. It conveys trust and professionalism in digital interfaces.

Use Cases for MediumBlue

brand colorstrust signalsprofessional UIbuttonslinks

Shades & Tints of MediumBlue

#ffffff
#bfbff3
#8080e6
#4040da
#0000cd
#00009a
#000067
#000033
#000000

Complementary Color

#0000cd
#cccc00

Analogous Colors

#0066cc
#0000cd
#6600cc

CSS Code

.mediumblue-color {
  color: #0000cd;
}

Contrast Recommendations

Black text on MediumBlue
Ratio: 1.88:1 ✗ Fails AA ✗ Fails AAA
White text on MediumBlue
Ratio: 11.16:1 ✓ Passes AA ✓ Passes AAA

Frequently Asked Questions

What color is MediumBlue?

MediumBlue is represented by the hex code #0000cd and has RGB values of rgb(0, 0, 205). It falls under the Blue category.

How to use MediumBlue in web design?

MediumBlue works well for brand colors, trust signals, professional UI. MediumBlue is a vivid, medium-dark blue that is slightly softer than pure blue. It conveys trust and professionalism in digital interfaces. Use it as a primary color, accent, or background depending on your design needs.

What colors go with MediumBlue?

Colors that pair well with MediumBlue include blue, royalblue, dodgerblue, navy, darkblue. For a complementary scheme, try #cccc00. For an analogous scheme, use #0066cc and #6600cc.