UI Shades

A study in blue

Medium Blue

#0000CD

Family
Blue
L
0.383
C
0.266
H
264°

Notes

Medium Blue is a deep, fully saturated blue that sits between pure CSS Blue and Dark Blue. The hex reads as confident and authoritative, useful for editorial, financial, and government-themed branding. Pair with cream for warmth, or with warm gold for a heritage palette. Against white it passes body text contrast comfortably and works as a primary action color. The depth and saturation give it more visual weight than mid-bright blues, so it earns its keep on emphasis rather than ambient surfaces. AAA holds at standard sizes; the saturation can still feel intense in long-form text.

#0000cd
Medium Blue
Medium Blue
#0000cd
oklch(0.383 0.266 264.05)
rgb(0 0 205)
hsl(240 100% 40.2%)
Share
#f1fbff
#e8f5ff
#d2e6ff
#b8d4ff
#87b2ff
#447fff
#1959ff
#0020ff
#0000cd
#010096
#000059

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Medium Blue

Cross-reference
Q&A

Frequently asked questions

What is Medium Blue?

Medium Blue is a deep, fully saturated blue that sits between pure CSS Blue and Dark Blue. The hex reads as confident and authoritative, useful for editorial, financial, and government-themed branding. Its hex code is #0000CD.

What are the tints and shades of Medium Blue?

uishades builds an 11-step OKLCH ramp for Medium Blue (#0000CD) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Medium Blue?

Its complementary color is #5B3D00. Triadic partners are #890009 and #005500; analogous neighbours are #5300AF and #004A72.

What are the OKLCH and RGB values of Medium Blue?

Medium Blue is #0000CD - OKLCH 0.383 0.266 264°, rgb(0 0 205), in the blue family.