CSS named color
MediumBlue
#0000CD
HEX
#0000cdRGB
rgb(0, 0, 205)HSL
hsl(240, 100%, 40%)OKLCH
oklch(38.35% 0.2657 264.05)NAME
mediumbluePalette
Complementary
180° on the color wheelComplement
#CCCC00
Analogous
±30° around the base hueLeft
#0066CC
Right
#6600CC
Triadic
±120° for harmonic contrastTriad 1
#CC0000
Triad 2
#00CC00
Shades
Lighter and darker variantsCSS usage
By name
color: mediumblue;
background-color: mediumblue;By HEX
color: #0000cd;
background-color: #0000cd;By RGB
color: rgb(0, 0, 205);
background-color: rgb(0, 0, 205);By HSL
color: hsl(240, 100%, 40%);
background-color: hsl(240, 100%, 40%);WCAG contrast vs white
Aa
11.16:1
AAA
WCAG contrast vs black
Aa
1.88:1
Below minimum
Related colors
FAQ — MediumBlue
What is the HEX code for MediumBlue?
The HEX code for MediumBlue is #0000CD. It's one of the 148 named CSS colors and can be used directly in CSS as color: mediumblue; or color: #0000cd;
What is MediumBlue in RGB?
MediumBlue in RGB is rgb(0, 0, 205) — red 0, green 0, blue 205.
What is MediumBlue in HSL?
MediumBlue in HSL is hsl(240, 100%, 40%) — hue 240°, saturation 100%, lightness 40%.
What is the complementary color of MediumBlue?
The complementary color (directly opposite MediumBlue on the color wheel) is #CCCC00. The two together produce maximum contrast.
Is white text readable on MediumBlue?
The WCAG contrast ratio against white (#FFFFFF) is 11.16:1, and against black (#000000) it's 1.88:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.