Medium Blue color codes
| CSS name | mediumblue |
|---|---|
| HEX | #0000CD |
| RGB | rgb(0, 0, 205) |
| HSL | hsl(240, 100%, 40%) |
| CMYK | cmyk(100%, 100%, 0%, 20%) |
| Decimal | 205 |
Shades of Medium Blue (darker)
#0000B9 · #0000A4 · #000090 · #00007B · #000067 · #000052 · #00003E · #000029 · #000015
Tints of Medium Blue (lighter)
#1A1AD2 · #3333D7 · #4D4DDC · #6666E1 · #8080E6 · #9999EB · #B3B3F0 · #CCCCF5 · #E6E6FA
Color harmonies
| Complementary | #CCCC00 |
|---|---|
| Triadic | #CC0000, #00CC00 |
| Analogous | #0066CC, #6600CC |
Accessibility (WCAG contrast)
| White text on Medium Blue | 11.16:1 · AAA |
|---|---|
| Black text on Medium Blue | 1.88:1 · Fail |
Use Medium Blue in code
.element {
color: mediumblue; /* or #0000cd */
background-color: rgb(0 0 205 / 0.5);
}Frequently asked questions
What is the hex code for Medium Blue?
Medium Blue is #0000CD in HEX, rgb(0, 0, 205) in RGB and hsl(240, 100%, 40%) in HSL.
Can I use "mediumblue" directly in CSS?
Yes. "mediumblue" is one of the 148 standard CSS named colors, so color: mediumblue; works in every browser.
Is Medium Blue readable on white?
The contrast ratio of Medium Blue on white is 11.16:1 (WCAG AAA). On black it is 1.88:1 (Fail).
What is the complementary color of Medium Blue?
The complementary color (opposite on the color wheel) is #CCCC00.
Similar colors
Blue#0000FFDark Blue#00008BNavy#000080Midnight Blue#191970Indigo#4B0082Dark Slate Blue#483D8BRoyal Blue#4169E1Rebecca Purple#663399
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.