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.

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
Dark Blue →
HEX#00008B
RGBrgb(0, 0, 139)
Navy Blue →
HEX#000080
RGBrgb(0, 0, 128)
Midnight Blue →
HEX#191970
RGBrgb(25, 25, 112)
Dark Midnight Blue →
HEX#000033
RGBrgb(0,0,51)
Space Cadet →
HEX#1E2952
RGBrgb(30,41,82)
Dark Royal Blue →
HEX#002366
RGBrgb(0,35,102)
Dark Sky Blue →
HEX#483D8B
RGBrgb(72,61,139)
Dark Steel Blue →
HEX#486082
RGBrgb(72,96,130)
Bright Blues
Blue →
HEX#0000FF
RGBrgb(0, 0, 255)
Medium Blue →
HEX#0000CD
RGBrgb(0, 0, 205)
Royal Blue →
HEX#4169E1
RGBrgb(65, 105, 225)
Dodger Blue →
HEX#1E90FF
RGBrgb(30, 144, 255)
Deep Sky Blue →
HEX#00BFFF
RGBrgb(0, 191, 255)
Electric Blue →
HEX#7DF9FF
RGBrgb(125, 249, 255)
Royal Electric Blue →
HEX#4F00FF
RGBrgb(79,0,255)
Ice Blue →
HEX#99FFFF
RGBrgb(153, 255, 255)
Fluorescent Blue →
HEX#0066FF
RGBrgb(0, 102, 255)
Neon Blue →
HEX#0047AB
RGBrgb(0, 71, 171)
Light Blues
Metallic platinum →
HEX#E6E8FA
RGBrgb(230,232,250)
Light Blue →
HEX#ADD8E6
RGBrgb(173, 216, 230)
Sky Blue →
HEX#87CEEB
RGBrgb(135, 206, 235)
Light Sky Blue →
HEX#87CEFA
RGBrgb(135, 206, 250)
Powder Blue →
HEX#B0E0E6
RGBrgb(176, 224, 230)
Alice Blue →
HEX#F0F8FF
RGBrgb(240, 248, 255)
Azure →
HEX#F0FFFF
RGBrgb(240, 255, 255)
Baby Blue →
HEX#89CFF0
RGBrgb(137, 207, 240)
Light Baby Blue →
HEX#B3E0FF
RGBrgb(179,224,255)
Light Cyan →
HEX#E0FFFF
RGBrgb(224, 255, 255)
Steel & Gray Blues
Steel Blue →
HEX#4682B4
RGBrgb(70, 130, 180)
Slate →
HEX#708090
RGBrgb(112,128,144)
Light Steel Blue →
HEX#B0C4DE
RGBrgb(176, 196, 222)
Cornflower Blue →
HEX#6495ED
RGBrgb(100, 149, 237)
Cadet Blue →
HEX#5F9EA0
RGBrgb(95, 158, 160)
Columbia Blue →
HEX#C4D8E2
RGBrgb(196,216,226)
Crystal →
HEX#A7D8DE
RGBrgb(167,216,222)
Opal →
HEX#A8D1D1
RGBrgb(168,209,209)
Blue-Greens
Turquoise →
HEX#40E0D0
RGBrgb(64, 224, 208)
Light Turquoise →
HEX#AFEEEE
RGBrgb(175, 238, 238)
Dark Turquoise →
HEX#00CED1
RGBrgb(0, 206, 209)
Cyan →
HEX#00FFFF
RGBrgb(0, 255, 255)
Dark Cyan →
HEX#008B8B
RGBrgb(0, 139, 139)
Teal →
HEX#008080
RGBrgb(0, 128, 128)
Dark Teal →
HEX#006D6D
RGBrgb(0,109,109)
Light Teal →
HEX#B2D8D8
RGBrgb(178,216,216)
Aquamarine →
HEX#7FFFD4
RGBrgb(127, 255, 212)
Medium Aquamarine →
HEX#66CDAA
RGBrgb(102, 205, 170)
Dark Aquamarine →
HEX#40826D
RGBrgb(64,130,109)
Neon Cyan →
HEX#00FFFF
RGBrgb(0, 255, 255)
Neon Teal →
HEX#00FFC6
RGBrgb(0, 255, 198)
Special & Pigment Blues
Cobalt Blue →
HEX#0047AB
RGBrgb(0, 71, 171)
Ultramarine →
HEX#120A8F
RGBrgb(18, 10, 143)
Phthalo Blue →
HEX#000F89
RGBrgb(0, 15, 137)
Indigo →
HEX#4B0082
RGBrgb(75, 0, 130)
Dark Indigo →
HEX#2E0066
RGBrgb(46,0,102)
light Indigo →
HEX#6F00FF
RGBrgb(111,0,255)
Sapphire →
HEX#0F52BA
RGBrgb(15,82,186)
Egyptian Blue →
HEX#1034A6
RGBrgb(16, 52, 166)
Cerulean →
HEX#007BA7
RGBrgb(0, 123, 167)
Dark Cerulean →
HEX#00475F
RGBrgb(0,71,95)
Lapis Lazuli →
HEX#26619C
RGBrgb(38, 97, 156)
University & Military Blues
Carolina Blue →
HEX#4B9CD3
RGBrgb(75, 156, 211)
Yale Blue →
HEX#0F4D92
RGBrgb(15,77,146)
Duke Blue →
HEX#00539B
RGBrgb(0,83,155)
Air Force Blue →
HEX#00308F
RGBrgb(0,48,143)
Denim →
HEX#1560BD
RGBrgb(21, 96, 189)
Dark Denim →
HEX#0F4E8C
RGBrgb(15,78,140)
Persian Blue →
HEX#1C39BB
RGBrgb(28, 57, 187)
Pacific Blue →
HEX#1CA9C9
RGBrgb(28, 169, 201)
Honolulu Blue →
HEX#0076B6
RGBrgb(0,118,182)
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)
- 3B82F6rgb(59, 130, 246)
- 376BC8rgb(55, 107, 200)
- 31559Drgb(49, 85, 157)
- 294073rgb(41, 64, 115)
- 202C4Crgb(32, 44, 76)
- 151928rgb(21, 25, 40)
- 000000rgb(0, 0, 0)
Tints (Adding White)
- 3B82F6rgb(59, 130, 246)
- 6D95F8rgb(109, 149, 248)
- 91A9FArgb(145, 169, 250)
- AFBEFCrgb(175, 190, 252)
- CBD3FDrgb(203, 211, 253)
- E5E9FErgb(229, 233, 254)
- FFFFFFrgb(255, 255, 255)
Tones (Adding Gray)
- 3B82F6rgb(59, 130, 246)
- 5082E9rgb(80, 130, 233)
- 6182D7rgb(97, 130, 215)
- 6F83C4rgb(111, 131, 196)
- 7983B0rgb(121, 131, 176)
- 80849Brgb(128, 132, 155)
- 808080rgb(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%)