Medium Blue is a medium-dark, vivid shade in the blue color family, with a cool feel. Its HEX code is #0000CD, which equals rgb(0, 0, 205) in RGB and hsl(240, 100%, 40%) in HSL. In print terms it converts to roughly C100 M100 Y0 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#0000CD - RGB
0, 0, 205 - HSL
240°, 100%, 40% - CMYK
100, 100, 0, 20 - Family
Blue - Tone
Medium-dark, vivid
About Medium Blue
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 11.16:1. Its complementary color is #CCCC00.
Download Medium Blue as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Medium Blue color codes
| HEX | #0000CD |
|---|---|
| RGB | rgb(0, 0, 205) |
| HSL | hsl(240, 100%, 40%) |
| HSV | 240°, 100%, 80% |
| CMYK | 100%, 100%, 0%, 20% |
| Decimal | 205 |
Shades and tints of Medium Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5D5F7 - 100
#AAAAEE - 200
#8080E6 - 300
#5555DE - 400
#2B2BD5 - 500
#0000CD - 600
#0000AB - 700
#000089 - 800
#000067 - 900
#000044 - 950
#000022
Color harmonies for Medium Blue
- Complementary
#CCCC00≈ Medium Dark Yellow - Analogous −30°
#0066CC≈ Medium Dark Cerulean - Analogous +30°
#6600CC≈ Medium Dark Violet - Triadic +120°
#CC0000≈ Medium Dark Red - Triadic +240°
#00CC00≈ Medium Dark Green - Split 150°
#CC6600≈ Medium Dark Orange - Split 210°
#66CC00≈ Medium Dark Apple
Contrast and accessibility of Medium Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Blue | Aa | 11.16:1 | AAA (excellent) |
| Black text on Medium Blue | Aa | 1.88:1 | Fails |
CSS code for Medium Blue
background-color: #0000CD;color: #0000CD;background-color: rgb(0, 0, 205);background-color: hsl(240, 100%, 40%);:root { --color-medium-blue: #0000CD; }class="bg-[#0000CD]"Colors similar to Medium Blue
- Medium Dark Blue
#0000D6 - Medium Dark Ultramarine
#1500D6 - Medium Dark Royal
#0015D6 - Deep Blue
#0000AD - Medium Dark Bright Blue
#1515C1 - Deep Ultramarine
#1100AD - Medium Dark Indigo
#2B00D6 - Deep Royal
#0011AD - Medium Dark Bright Ultramarine
#2715C1 - Deep Indigo
#2300AD - Bright Blue
#1919E6 - Medium Dark Bright Royal
#1527C1
More blue shades
- Light Blue
#ADD8E6 - Light Cyan
#E0FFFF - Light Sea Green
#20B2AA - Light Sky Blue
#87CEFA - Light Slate Gray
#778899 - Light Steel Blue
#B0C4DE - Medium Purple
#9370DB - Medium Slate Blue
#7B68EE - Medium Turquoise
#48D1CC - Pale Turquoise
#AFEEEE - Powder Blue
#B0E0E6
Frequently asked questions
What is the HEX code for Medium Blue?
The HEX code for Medium Blue is #0000CD.
What is the RGB value of Medium Blue?
Medium Blue has an RGB value of 0, 0, 205 (rgb(0, 0, 205)). In HSL it is 240°, 100%, 40%.
What text color should I use on Medium Blue?
Use white text on Medium Blue. White text has a contrast ratio of 11.16:1 and black text has 1.88:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Blue?
The complementary color of Medium Blue is #CCCC00. Analogous colors #0066CC and #6600CC also pair well.