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.

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.

Color Picker

🎨

HEX Color Value

Pick from Image

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.

Color Picker

🎨

HEX Color Value

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%)