MediumBlue Color — HEX, RGB, HSL, Palettes & Contrast

MediumBlue (#0000cd): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

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

Use MediumBlue in Your Projects

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

Triadic Colors

#0000cd
#cc0000
#00cc00

Split Complementary

#0000cd
#cc6600
#66cc00

Tetradic Colors

#0000cd
#cc00cc
#cccc00
#00cc00

CSS Code

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

/* As a CSS custom property */
:root {
  --color-mediumblue: #0000cd;
}

Accessibility Score

100 / 100
Rating: Excellent
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

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. For a triadic scheme, combine with #cc0000 and #00cc00.