CSS Color: MediumBlue
Named CSS color MediumBlue — #0000CD in HEX, rgb(0, 0, 205) in RGB, hsl(240, 100%, 40%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | MediumBlue | color: MediumBlue; |
| HEX | #0000CD | color: #0000CD; |
| RGB | rgb(0, 0, 205) | color: rgb(0, 0, 205); |
| HSL | hsl(240, 100%, 40%) | color: hsl(240, 100%, 40%); |
About MediumBlue
MediumBlue is a deep, saturated blue that falls between pure Blue and Navy. At hex `#0000CD`, the blue channel is at 205 with red and green at zero. It shares the 240-degree hue of Blue and Navy but sits at 40% lightness — darker than Blue (50%) but lighter than Navy (25%).
In web design, MediumBlue provides a strong blue presence that is more readable than pure Blue but more vibrant than Navy. It works well for accented headings, primary buttons on light backgrounds, and brand identifiers.
For accessibility, MediumBlue against white achieves approximately 9.7:1 contrast, easily passing WCAG AAA for all text sizes. This exceptional contrast makes it one of the best choices for blue-colored text on light backgrounds.
MediumBlue is less commonly used than DodgerBlue or Navy but fills an important niche for designs that need a strong, saturated blue with excellent accessibility. It pairs well with white, light gray, gold, and soft warm tones. In Tailwind CSS, `blue-800` is the closest match.
FAQ
What is the hex code for MediumBlue?
The CSS named color MediumBlue has the hex code #0000CD. You can use it in CSS as color: #0000CD; or simply color: MediumBlue;.
What is MediumBlue in RGB?
In RGB notation, MediumBlue is rgb(0, 0, 205). Use it in CSS as color: rgb(0, 0, 205);.
What is MediumBlue in HSL?
In HSL notation, MediumBlue is hsl(240, 100%, 40%). Use it in CSS as color: hsl(240, 100%, 40%);.
What color category is MediumBlue?
MediumBlue belongs to the Blue color family in the CSS named colors specification.
Can I use the name "MediumBlue" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: MediumBlue; or background-color: MediumBlue; directly in your stylesheet. Named colors are case-insensitive.
Try in Color Converter
Convert MediumBlue to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →