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
RGBrgb(0, 0, 255)
HSLhsl(240, 100%, 50%)
CMYKcmyk(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

Example Primary text
White text on bright blue8.59:1AAA
Example Primary text
Near-black text on bright blue2.06:1Fail

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

Shade chart showing five steps of bright blue, from light tint to deep shade

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

Color palettes with a similar shade