37 Different Shades of Bright Blue (+ HEX codes)
Explore all shades of bright blue, from lighter to darker shades. See HEX codes, shade names, and bright blue color palettes. Click any shade to copy its HEX code.
Bright blue is the color of energy, vibrancy, and limitless possibilities! From electric blues to deep, bold hues, explore our collection of 30+ bright blue shades that bring a fresh and dynamic touch to any design.
Whether you prefer a soft sky blue or intense, eye-catching tone, you'll find a variety of shades with their names and HEX codes. Plus, discover stunning bright blue color palettes for your projects!
- electric blue#7DF9FF
- fluorescent blue#15F4EE
- sky blue#87CEEB
- maya blue#73C2FB
- glacial blue#73C2FB
- celestial blue#4997D0
- deep sky blue#00BFFF
- blue bolt#00B9FB
- capri blue#00B2EE
- ball blue#21ACCD
- pacific blue#1CA9C9
- dodger blue#1E90FF
- brilliant blue#0095FF
- bright azure#0086FF
- azure radiance#007FFF
- cyber blue#007FFF
- vivid blue#0080FF
- true blue#0073CF
- brandeis blue#0071FE
- neon blue#1F51FF
- sapphire blue#0F52BA
- denim blue#1560BD
- blue lagoon#1269D3
- lapis blue#1C39BB
- bleu de france#318CE7
- blue yonder#5072A7
- ultra blue#3F00FF
- electric ultramarine#3F00A8
- dark cornflower blue#26428B
- royal azure#0038A8
- ua blue#0033A9
- cobalt blue#0047AB
- indigo dye#00416A
- deep cobalt#002FA7
- egyptian blue#1034A6
- zaffre#0014A7
- smalt#003399
Bright Blue: HEX & RGB Codes
bright blue has the following primary color codes:
HEX: #0000FF
RGB: (0, 0, 255).
Explore a wide range of bright blue shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!
Explore tints of bright blue
Blue
#0000ff
Blue
#1a1aff
Blue
#3333ff
Dodger Blue
#4d4dff
Cornflower Blue
#6666ff
Malibu
#8080ff
Melrose
#9999ff
Melrose
#b3b3ff
Periwinkle
#ccccff
Titan White
#e5e5ff
Explore shades of bright blue
Stratos
#000033
Stratos
#00004d
Navy Blue
#000066
Navy Blue
#000080
Navy Blue
#000099
Dark Blue
#0000b3
Dark Blue
#0000cc
Blue
#0000e6
bright blue in HEX, RGB, HSL and CMYK
| HEX | #0000FF | |
|---|---|---|
| RGB | rgb(0, 0, 255) | |
| HSL | hsl(240, 100%, 50%) | |
| CMYK | cmyk(100%, 100%, 0%, 0%) |
Tints and shades of bright blue
Tints add white and shades add black, keeping the hue. Use them for hover states, borders and backgrounds that still belong to the same colour.
Tints (lighter)
#2727ff
#4e4eff
#7575ff
#9c9cff
#c4c4ff
#ebebff
Shades (darker)
#0000d8
#0000b1
#00008a
#000063
#00003b
#000014
Colours that work with bright blue
Complementary
#0000FF #ffff00
Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.
Analogous
#007fff #0000FF #7f00ff
Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.
Triadic
#0000FF #ff0000 #00ff00
Three colours evenly spaced. Lively and balanced; let one dominate.
Text on bright blue
Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker
bright blue shade chart

Right-click to save the chart, or copy the individual codes above.