Light Steel Blue vs Medium Blue

Light Steel Blue #B0C4DE View details →

Medium Blue #0000CD View details →

What is the difference between Light Steel Blue and Medium Blue?

An analysis of Light Steel Blue (#B0C4DE) alongside Medium Blue (#0000CD) highlights their unique visual relationship. Medium Blue stands out as the more vivid and colorful shade of the two. Light Steel Blue behaves as a lighter and more luminous tone. A subtle hue shift of 26° creates a blended and harmonious transition.

Design recommendations for Light Steel Blue vs Medium Blue

Integrating Light Steel Blue and Medium Blue requires balancing dark and light elements. Utilize the depth of Medium Blue to provide strong contrast and visual structure, and pair it with Light Steel Blue on card backgrounds or subtle link accents to keep the user interface fresh and readable.

✦ Readability & Contrast Testing

Visual test showing black and white text overlay readability on both colors.

Light Steel Blue Typography

Preview of dark and light text elements rendered over a solid Light Steel Blue background canvas.

White Text: 1.78:1 Black Text: 11.80:1

Medium Blue Typography

Preview of dark and light text elements rendered over a solid Medium Blue background canvas.

White Text: 11.16:1 Black Text: 1.88:1

⚙ Technical Specifications Comparison

Format / Value	Light Steel Blue	Medium Blue	Delta / Difference
HEX Code	`#B0C4DE`	`#0000CD`	-
RGB Channels	`rgb(176, 196, 222)`	`rgb(0, 0, 205)`	`R:-176 \| G:-196 \| B:-17`
HSL Values	`hsl(214°, 41%, 78%)`	`hsl(240°, 100%, 40%)`	`H:+26° \| S:+59% \| L:-38%`
CMYK (Print)	`cmyk(21%, 12%, 0%, 13%)`	`cmyk(100%, 100%, 0%, 20%)`	-

◉ Individual Color References

Light Steel Blue Reference Sheet HEX, RGB, HSL and print codes

Medium Blue Reference Sheet HEX, RGB, HSL and print codes