A study in blue
Material Light Blue 500
#03A9F4
- Family
- Blue
- L
- 0.699
- C
- 0.157
- H
- 239°
Notes
Material Light Blue 500 is a brighter, slightly cyan-leaning blue from Material Design 2's expanded palette. The hex reads as fresh and informational, well suited to system alerts, hint states, and friendly call-to-action buttons. Paired with deep navy or charcoal for type contrast, it works as a primary brand colour for travel, communications, and wellness products. Against white it passes contrast for headlines and large buttons; body text falls below AA below 18px. Material 3 swapped fixed-palette stops for tonally derived blues, but this hex still appears in legacy Android styles and many older Material 2 design tokens.
Palette built around Material Light Blue 500
Related colors
Frequently asked questions
What is Material Light Blue 500?
Material Light Blue 500 is a brighter, slightly cyan-leaning blue from Material Design 2's expanded palette. The hex reads as fresh and informational, well suited to system alerts, hint states, and friendly call-to-action buttons. Its hex code is #03A9F4.
What are the tints and shades of Material Light Blue 500?
uishades builds an 11-step OKLCH ramp for Material Light Blue 500 (#03A9F4) - 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 Material Light Blue 500?
Its complementary color is #E4821D. Triadic partners are #E9709C and #94AB1B; analogous neighbours are #7797FF and #00B5CD.
What are the OKLCH and RGB values of Material Light Blue 500?
Material Light Blue 500 is #03A9F4 - OKLCH 0.699 0.157 239°, rgb(3 169 244), in the blue family.