UI Shades

A study in blue

Steel Blue

#4682B4

Family
Blue
L
0.588
C
0.099
H
246°

Notes

Steel Blue is the muted, slightly cyan-leaning mid-blue of polished steel under cool light. The CSS hex sits between Cornflower Blue and Slate Gray, with moderate chroma at mid lightness. Industrial, financial, and editorial brands use it as a primary identity colour, often against cream for warmth or warm coral for an unexpected accent. Against white it passes body text contrast in most sizes and reads as a sophisticated alternative to brighter blues. Body text in Steel Blue against white passes AA at body sizes; AAA holds at headline sizes only.

#4682b4
Steel Blue
Steel Blue
#4682b4
oklch(0.588 0.099 245.74)
rgb(70 130 180)
hsl(207.3 44% 49%)
Share
#f1fcff
#e4f7ff
#c8eaff
#a9daff
#81bbed
#5591c4
#4682b4
#2a6390
#19476b
#0b304b
#04192a

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 Steel Blue

Cross-reference
Q&A

Frequently asked questions

What is Steel Blue?

Steel Blue is the muted, slightly cyan-leaning mid-blue of polished steel under cool light. The CSS hex sits between Cornflower Blue and Slate Gray, with moderate chroma at mid lightness. Its hex code is #4682B4.

What are the tints and shades of Steel Blue?

uishades builds an 11-step OKLCH ramp for Steel Blue (#4682B4) - 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 Steel Blue?

Its complementary color is #A57037. Triadic partners are #AE6274 and #6E8742; analogous neighbours are #6C77B7 and #188BA2.

What are the OKLCH and RGB values of Steel Blue?

Steel Blue is #4682B4 - OKLCH 0.588 0.099 246°, rgb(70 130 180), in the blue family.