UI Shades

A study in blue

Blue

#0000FF

Family
Blue
L
0.452
C
0.313
H
264°

Notes

Blue is the most-searched color name on the web by a wide margin. The CSS value #0000ff is pure-channel blue, the bluest blue an sRGB display can show, and it is too saturated and dark for most modern interfaces. Designers usually reach for a softer mid-blue around #2563eb or #3b82f6 instead. Cultural associations are unusually consistent across regions: trust, depth, water, sky, sleep. The full-saturation value is best used sparingly. Against dark gray text it can vibrate; against white the contrast is high enough to feel sharp rather than friendly.

#0000ff
Blue
Blue
#0000ff
oklch(0.452 0.313 264.05)
rgb(0 0 255)
hsl(240 100% 50%)
Share
#f1fbff
#e8f5ff
#d2e6ff
#b8d4ff
#87b2ff
#447fff
#1959ff
#0000ff
#0005cc
#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 Blue

Cross-reference
Q&A

Frequently asked questions

What is Blue?

Blue is the most-searched color name on the web by a wide margin. The CSS value #0000ff is pure-channel blue, the bluest blue an sRGB display can show, and it is too saturated and dark for most modern interfaces. Its hex code is #0000FF.

What are the tints and shades of Blue?

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

Its complementary color is #734F00. Triadic partners are #AA0011 and #006C00; analogous neighbours are #6900D9 and #005E8D.

What are the OKLCH and RGB values of Blue?

Blue is #0000FF - OKLCH 0.452 0.313 264°, rgb(0 0 255), in the blue family.