Color Code Palette

Appearance

60+ Shades of Blue ​

Explore 60+ shades of blue including Blue (#0000FF), Navy (#000080), Royal Blue (#4169E1), Sky Blue (#87CEEB), Turquoise (#40E0D0), and more. Complete collection with hex codes and RGB values for designers, developers, and creatives.

different shades of blue

Complete List of Shades of Blue ​

Explore our categorized collection of 60+ shades of blue. Click any color to view its hex code, RGB values, and detailed information about each unique shade of blue.

Dark Blues ​

Copy HEX
Dark Blue →
HEX#00008B
RGBrgb(0, 0, 139)
Copy HEX
Navy Blue →
HEX#000080
RGBrgb(0, 0, 128)
Copy HEX
Midnight Blue →
HEX#191970
RGBrgb(25, 25, 112)
Copy HEX
Dark Midnight Blue →
HEX#000033
RGBrgb(0,0,51)
Copy HEX
Space Cadet →
HEX#1E2952
RGBrgb(30,41,82)
Copy HEX
Dark Royal Blue →
HEX#002366
RGBrgb(0,35,102)
Copy HEX
Dark Sky Blue →
HEX#483D8B
RGBrgb(72,61,139)
Copy HEX
Dark Steel Blue →
HEX#486082
RGBrgb(72,96,130)

Bright Blues ​

Copy HEX
Blue →
HEX#0000FF
RGBrgb(0, 0, 255)
Copy HEX
Medium Blue →
HEX#0000CD
RGBrgb(0, 0, 205)
Copy HEX
Royal Blue →
HEX#4169E1
RGBrgb(65, 105, 225)
Copy HEX
Dodger Blue →
HEX#1E90FF
RGBrgb(30, 144, 255)
Copy HEX
Deep Sky Blue →
HEX#00BFFF
RGBrgb(0, 191, 255)
Copy HEX
Electric Blue →
HEX#7DF9FF
RGBrgb(125, 249, 255)
Copy HEX
Royal Electric Blue →
HEX#4F00FF
RGBrgb(79,0,255)
Copy HEX
Ice Blue →
HEX#99FFFF
RGBrgb(153, 255, 255)
Copy HEX
Fluorescent Blue →
HEX#0066FF
RGBrgb(0, 102, 255)
Copy HEX
Neon Blue →
HEX#0047AB
RGBrgb(0, 71, 171)

Light Blues ​

Copy HEX
Metallic platinum →
HEX#E6E8FA
RGBrgb(230,232,250)
Copy HEX
Light Blue →
HEX#ADD8E6
RGBrgb(173, 216, 230)
Copy HEX
Sky Blue →
HEX#87CEEB
RGBrgb(135, 206, 235)
Copy HEX
Light Sky Blue →
HEX#87CEFA
RGBrgb(135, 206, 250)
Copy HEX
Powder Blue →
HEX#B0E0E6
RGBrgb(176, 224, 230)
Copy HEX
Alice Blue →
HEX#F0F8FF
RGBrgb(240, 248, 255)
Copy HEX
Azure →
HEX#F0FFFF
RGBrgb(240, 255, 255)
Copy HEX
Baby Blue →
HEX#89CFF0
RGBrgb(137, 207, 240)
Copy HEX
Light Baby Blue →
HEX#B3E0FF
RGBrgb(179,224,255)
Copy HEX
Light Cyan →
HEX#E0FFFF
RGBrgb(224, 255, 255)

Steel & Gray Blues ​

Copy HEX
Steel Blue →
HEX#4682B4
RGBrgb(70, 130, 180)
Copy HEX
Slate →
HEX#708090
RGBrgb(112,128,144)
Copy HEX
Light Steel Blue →
HEX#B0C4DE
RGBrgb(176, 196, 222)
Copy HEX
Cornflower Blue →
HEX#6495ED
RGBrgb(100, 149, 237)
Copy HEX
Cadet Blue →
HEX#5F9EA0
RGBrgb(95, 158, 160)
Copy HEX
Columbia Blue →
HEX#C4D8E2
RGBrgb(196,216,226)
Copy HEX
Crystal →
HEX#A7D8DE
RGBrgb(167,216,222)
Copy HEX
Opal →
HEX#A8D1D1
RGBrgb(168,209,209)

Blue-Greens ​

Copy HEX
Turquoise →
HEX#40E0D0
RGBrgb(64, 224, 208)
Copy HEX
Light Turquoise →
HEX#AFEEEE
RGBrgb(175, 238, 238)
Copy HEX
Dark Turquoise →
HEX#00CED1
RGBrgb(0, 206, 209)
Copy HEX
Cyan →
HEX#00FFFF
RGBrgb(0, 255, 255)
Copy HEX
Dark Cyan →
HEX#008B8B
RGBrgb(0, 139, 139)
Copy HEX
Teal →
HEX#008080
RGBrgb(0, 128, 128)
Copy HEX
Dark Teal →
HEX#006D6D
RGBrgb(0,109,109)
Copy HEX
Light Teal →
HEX#B2D8D8
RGBrgb(178,216,216)
Copy HEX
Aquamarine →
HEX#7FFFD4
RGBrgb(127, 255, 212)
Copy HEX
Medium Aquamarine →
HEX#66CDAA
RGBrgb(102, 205, 170)
Copy HEX
Dark Aquamarine →
HEX#40826D
RGBrgb(64,130,109)
Copy HEX
Neon Cyan →
HEX#00FFFF
RGBrgb(0, 255, 255)
Copy HEX
Neon Teal →
HEX#00FFC6
RGBrgb(0, 255, 198)

Special & Pigment Blues ​

Copy HEX
Cobalt Blue →
HEX#0047AB
RGBrgb(0, 71, 171)
Copy HEX
Ultramarine →
HEX#120A8F
RGBrgb(18, 10, 143)
Copy HEX
Phthalo Blue →
HEX#000F89
RGBrgb(0, 15, 137)
Copy HEX
Indigo →
HEX#4B0082
RGBrgb(75, 0, 130)
Copy HEX
Dark Indigo →
HEX#2E0066
RGBrgb(46,0,102)
Copy HEX
light Indigo →
HEX#6F00FF
RGBrgb(111,0,255)
Copy HEX
Sapphire →
HEX#0F52BA
RGBrgb(15,82,186)
Copy HEX
Egyptian Blue →
HEX#1034A6
RGBrgb(16, 52, 166)
Copy HEX
Cerulean →
HEX#007BA7
RGBrgb(0, 123, 167)
Copy HEX
Dark Cerulean →
HEX#00475F
RGBrgb(0,71,95)
Copy HEX
Lapis Lazuli →
HEX#26619C
RGBrgb(38, 97, 156)

University & Military Blues ​

Copy HEX
Carolina Blue →
HEX#4B9CD3
RGBrgb(75, 156, 211)
Copy HEX
Yale Blue →
HEX#0F4D92
RGBrgb(15,77,146)
Copy HEX
Duke Blue →
HEX#00539B
RGBrgb(0,83,155)
Copy HEX
Air Force Blue →
HEX#00308F
RGBrgb(0,48,143)
Copy HEX
Denim →
HEX#1560BD
RGBrgb(21, 96, 189)
Copy HEX
Dark Denim →
HEX#0F4E8C
RGBrgb(15,78,140)
Copy HEX
Persian Blue →
HEX#1C39BB
RGBrgb(28, 57, 187)
Copy HEX
Pacific Blue →
HEX#1CA9C9
RGBrgb(28, 169, 201)
Copy HEX
Honolulu Blue →
HEX#0076B6
RGBrgb(0,118,182)
Copy HEX
French Blue →
HEX#0072BB
RGBrgb(0, 114, 187)

Generate Different Shades of Blue ​

Create custom shades of blue with our color generator. Adjust hues, tints, and tones to find the perfect shade of blue for your project.

🎨

Shades (Adding Black)

  • 3B82F6
    rgb(59, 130, 246)
  • 376BC8
    rgb(55, 107, 200)
  • 31559D
    rgb(49, 85, 157)
  • 294073
    rgb(41, 64, 115)
  • 202C4C
    rgb(32, 44, 76)
  • 151928
    rgb(21, 25, 40)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • 3B82F6
    rgb(59, 130, 246)
  • 6D95F8
    rgb(109, 149, 248)
  • 91A9FA
    rgb(145, 169, 250)
  • AFBEFC
    rgb(175, 190, 252)
  • CBD3FD
    rgb(203, 211, 253)
  • E5E9FE
    rgb(229, 233, 254)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • 3B82F6
    rgb(59, 130, 246)
  • 5082E9
    rgb(80, 130, 233)
  • 6182D7
    rgb(97, 130, 215)
  • 6F83C4
    rgb(111, 131, 196)
  • 7983B0
    rgb(121, 131, 176)
  • 80849B
    rgb(128, 132, 155)
  • 808080
    rgb(128, 128, 128)

Convert Blue Shades Between Formats ​

Convert any shade of blue between HEX, RGB, CMYK, HSL, and other color formats. Essential for designers working with different shades of blue.

🎨

All Formats:

  • HEX:
    #ECB12E
  • RGB:
    rgb(236, 177, 46)
  • CMYK:
    cmyk(0%, 25%, 81%, 7%)
  • HSV:
    hsv(41°, 81%, 93%)
  • HSL:
    hsl(41°, 83%, 55%)