Shades of blue
99 named shades of blue, from light to dark, each with its hex and RGB code and a page of matching colors. Blues range from pale sky and baby blues through cornflower and royal blue to navy and midnight, leaning green toward teal or purple toward indigo.
Popular shades of blue
Light blue shades (16)
- Light Blue#ADD8E6
- Baby Blue#A2CFFE
- Light Blue Grey#B7C9E2
- Light Sky Blue#87CEFA
- Sky Blue#87CEEB
- Light Steel Blue#B0C4DE
- Sky#82CAFC
- Pastel Blue#A2BFFE
- Cloudy Blue#ACC2D9
- Lightblue#7BC8F6
- Light Cornflower Blue#98C1D9
- Bright Sky Blue#02CCFE
- Vivid Sky Blue#4CC9F0
- Light Grey Blue#9DBCD4
- Carolina Blue#8AB8FE
- Deep Sky Blue#00BFFF
Medium blue shades (49)
- Cornflower Blue#6495ED
- Chefchaouen Blue#4895EF
- Dodger Blue#1E90FF
- Soft Blue#6488EA
- Dark Sky Blue#448EE4
- Silver Lake Blue#778DA9
- Blue Grey#758DA3
- Faded Blue#658CBB
- Cornflower#6A79F7
- Clear Blue#247AFD
- Dusty Blue#5A86AD
- Water Blue#0E87CC
- Off Blue#5684AE
- Cool Blue#4984B8
- Blue NCS#118AB2
- Steel Blue#4682B4
- Teal Blue#01889F
- Cerulean Blue#056EEE
- Stormy Blue#507B9C
- Windows Blue#3778BF
- Royal Blue#4169E1
- Cerulean#457B9D
- Bright Blue#0165FC
- Neon Blue#4361EE
- Nice Blue#107AB0
- Dull Blue#49759C
- Flat Blue#3C73A8
- Metallic Blue#4F738E
- Ocean#017B92
- Azul#1D5DEC
- Muted Blue#3B719F
- French Blue#436BAD
- Electric Blue#0652FF
- Warm Blue#4B57DB
- Sea Blue#047495
- Mid Blue#276AB3
- Ocean Blue#03719C
- Light Royal Blue#3A2EFE
- Dusky Blue#475F94
- Denim#3B638C
- Peacock Blue#016795
- Vibrant Blue#0339F8
- Vivid Blue#152EFF
- Denim Blue#3B5B92
- YInMn Blue#415A77
- Light Navy Blue#2E5A88
- Rich Blue#021BF9
- Blue Blue#2242C7
- Blue#0000FF
Dark blue shades (34)
- Primary Blue#0804F9
- Strong Blue#0C06F7
- Dusk Blue#26538D
- Deep Sea Blue#015482
- Light Navy#155084
- Pure Blue#0203E2
- Cobalt#1E488F
- Ultramarine Blue#1805DB
- Sapphire#2138AB
- True Blue#010FCC
- Medium Blue#0000CD
- Twilight Blue#0A437A
- Dark Grey Blue#29465B
- Charcoal#264653
- Ultramarine#2000B1
- Marine Blue#01386A
- Dark Blue Grey#1F3B4D
- Cobalt Blue#030AA7
- Prussian Blue#1D3557
- Royal#0C1793
- Marine#042E60
- Midnight Blue#191970
- Dark Blue#00008B
- Navy#000080
- Oxford Blue#1B263B
- Deep Blue#040273
- Dark Royal Blue#02066F
- Darkblue#030764
- Navy Blue#001146
- Night Blue#040348
- Dark Navy#000435
- Very Dark Blue#000133
- Dark Navy Blue#00022E
- Midnight#03012D
All 99 shades of blue: names, hex and RGB
| Name | Hex | RGB |
|---|---|---|
| Light Blue | #ADD8E6 | rgb(173, 216, 230) |
| Baby Blue | #A2CFFE | rgb(162, 207, 254) |
| Light Blue Grey | #B7C9E2 | rgb(183, 201, 226) |
| Light Sky Blue | #87CEFA | rgb(135, 206, 250) |
| Sky Blue | #87CEEB | rgb(135, 206, 235) |
| Light Steel Blue | #B0C4DE | rgb(176, 196, 222) |
| Sky | #82CAFC | rgb(130, 202, 252) |
| Pastel Blue | #A2BFFE | rgb(162, 191, 254) |
| Cloudy Blue | #ACC2D9 | rgb(172, 194, 217) |
| Lightblue | #7BC8F6 | rgb(123, 200, 246) |
| Light Cornflower Blue | #98C1D9 | rgb(152, 193, 217) |
| Bright Sky Blue | #02CCFE | rgb(2, 204, 254) |
| Vivid Sky Blue | #4CC9F0 | rgb(76, 201, 240) |
| Light Grey Blue | #9DBCD4 | rgb(157, 188, 212) |
| Carolina Blue | #8AB8FE | rgb(138, 184, 254) |
| Deep Sky Blue | #00BFFF | rgb(0, 191, 255) |
| Cornflower Blue | #6495ED | rgb(100, 149, 237) |
| Chefchaouen Blue | #4895EF | rgb(72, 149, 239) |
| Dodger Blue | #1E90FF | rgb(30, 144, 255) |
| Soft Blue | #6488EA | rgb(100, 136, 234) |
| Dark Sky Blue | #448EE4 | rgb(68, 142, 228) |
| Silver Lake Blue | #778DA9 | rgb(119, 141, 169) |
| Blue Grey | #758DA3 | rgb(117, 141, 163) |
| Faded Blue | #658CBB | rgb(101, 140, 187) |
| Cornflower | #6A79F7 | rgb(106, 121, 247) |
| Clear Blue | #247AFD | rgb(36, 122, 253) |
| Dusty Blue | #5A86AD | rgb(90, 134, 173) |
| Water Blue | #0E87CC | rgb(14, 135, 204) |
| Off Blue | #5684AE | rgb(86, 132, 174) |
| Cool Blue | #4984B8 | rgb(73, 132, 184) |
| Blue NCS | #118AB2 | rgb(17, 138, 178) |
| Steel Blue | #4682B4 | rgb(70, 130, 180) |
| Teal Blue | #01889F | rgb(1, 136, 159) |
| Cerulean Blue | #056EEE | rgb(5, 110, 238) |
| Stormy Blue | #507B9C | rgb(80, 123, 156) |
| Windows Blue | #3778BF | rgb(55, 120, 191) |
| Royal Blue | #4169E1 | rgb(65, 105, 225) |
| Cerulean | #457B9D | rgb(69, 123, 157) |
| Bright Blue | #0165FC | rgb(1, 101, 252) |
| Neon Blue | #4361EE | rgb(67, 97, 238) |
| Nice Blue | #107AB0 | rgb(16, 122, 176) |
| Dull Blue | #49759C | rgb(73, 117, 156) |
| Flat Blue | #3C73A8 | rgb(60, 115, 168) |
| Metallic Blue | #4F738E | rgb(79, 115, 142) |
| Ocean | #017B92 | rgb(1, 123, 146) |
| Azul | #1D5DEC | rgb(29, 93, 236) |
| Muted Blue | #3B719F | rgb(59, 113, 159) |
| French Blue | #436BAD | rgb(67, 107, 173) |
| Electric Blue | #0652FF | rgb(6, 82, 255) |
| Warm Blue | #4B57DB | rgb(75, 87, 219) |
| Sea Blue | #047495 | rgb(4, 116, 149) |
| Mid Blue | #276AB3 | rgb(39, 106, 179) |
| Ocean Blue | #03719C | rgb(3, 113, 156) |
| Light Royal Blue | #3A2EFE | rgb(58, 46, 254) |
| Dusky Blue | #475F94 | rgb(71, 95, 148) |
| Denim | #3B638C | rgb(59, 99, 140) |
| Peacock Blue | #016795 | rgb(1, 103, 149) |
| Vibrant Blue | #0339F8 | rgb(3, 57, 248) |
| Vivid Blue | #152EFF | rgb(21, 46, 255) |
| Denim Blue | #3B5B92 | rgb(59, 91, 146) |
| YInMn Blue | #415A77 | rgb(65, 90, 119) |
| Light Navy Blue | #2E5A88 | rgb(46, 90, 136) |
| Rich Blue | #021BF9 | rgb(2, 27, 249) |
| Blue Blue | #2242C7 | rgb(34, 66, 199) |
| Blue | #0000FF | rgb(0, 0, 255) |
| Primary Blue | #0804F9 | rgb(8, 4, 249) |
| Strong Blue | #0C06F7 | rgb(12, 6, 247) |
| Dusk Blue | #26538D | rgb(38, 83, 141) |
| Deep Sea Blue | #015482 | rgb(1, 84, 130) |
| Light Navy | #155084 | rgb(21, 80, 132) |
| Pure Blue | #0203E2 | rgb(2, 3, 226) |
| Cobalt | #1E488F | rgb(30, 72, 143) |
| Ultramarine Blue | #1805DB | rgb(24, 5, 219) |
| Sapphire | #2138AB | rgb(33, 56, 171) |
| True Blue | #010FCC | rgb(1, 15, 204) |
| Medium Blue | #0000CD | rgb(0, 0, 205) |
| Twilight Blue | #0A437A | rgb(10, 67, 122) |
| Dark Grey Blue | #29465B | rgb(41, 70, 91) |
| Charcoal | #264653 | rgb(38, 70, 83) |
| Ultramarine | #2000B1 | rgb(32, 0, 177) |
| Marine Blue | #01386A | rgb(1, 56, 106) |
| Dark Blue Grey | #1F3B4D | rgb(31, 59, 77) |
| Cobalt Blue | #030AA7 | rgb(3, 10, 167) |
| Prussian Blue | #1D3557 | rgb(29, 53, 87) |
| Royal | #0C1793 | rgb(12, 23, 147) |
| Marine | #042E60 | rgb(4, 46, 96) |
| Midnight Blue | #191970 | rgb(25, 25, 112) |
| Dark Blue | #00008B | rgb(0, 0, 139) |
| Navy | #000080 | rgb(0, 0, 128) |
| Oxford Blue | #1B263B | rgb(27, 38, 59) |
| Deep Blue | #040273 | rgb(4, 2, 115) |
| Dark Royal Blue | #02066F | rgb(2, 6, 111) |
| Darkblue | #030764 | rgb(3, 7, 100) |
| Navy Blue | #001146 | rgb(0, 17, 70) |
| Night Blue | #040348 | rgb(4, 3, 72) |
| Dark Navy | #000435 | rgb(0, 4, 53) |
| Very Dark Blue | #000133 | rgb(0, 1, 51) |
| Dark Navy Blue | #00022E | rgb(0, 2, 46) |
| Midnight | #03012D | rgb(3, 1, 45) |
Using blue shades together
- A monochromatic blue palette uses one light, one medium and one dark shade: for example Light Blue, Nice Blue, Midnight.
- Use the lightest blue shades for backgrounds and the darkest for text, and check contrast between them.
- Warm and cool blues can clash; keep one temperature for a calm look.
- Open these blue shades in the palette generator to build a full scale.
Blue color palettes
- Harbour Morning#0F2A3D #285E7A #6FA3B8 #BFDCE3 #F1F6F4
- Salt Morning#010D23 #12456F #3FA7C2 #E8D9B5
- Deep Library#011838 #00364B #00555E #98F8E9
- Capital Advisory#0B1F3A #163A66 #6B7A8F #8FB4E8 #DCE7F5
- Synthwave and Boombox#1B0B3A #4361EE #FF6FB5 #FFE66D
- Snowdrift Hush#22364F #4A6A8A #8FB0C7 #F7FAFC
See all blue color palettes.
More about blue
- Blue color: hex code, OKLCH scale and contrast.
- What colors go with blue.
- What does blue mean?
- All color names, grouped by family.
Shades of other colors
- Shades of green213 named green shades with hex codes.
- Shades of purple93 named purple shades with hex codes.
- Shades of red72 named red shades with hex codes.
- Shades of pink57 named pink shades with hex codes.
- Shades of brown43 named brown shades with hex codes.
- Shades of orange50 named orange shades with hex codes.
- Shades of yellow93 named yellow shades with hex codes.
- Shades of gray18 named gray shades with hex codes.
- Shades of white22 named white shades with hex codes.
- Shades of black11 named black shades with hex codes.
- Shades of teal30 named teal shades with hex codes.
- Shades of gold39 named gold shades with hex codes.
- Shades of beige18 named beige shades with hex codes.
- Shades of tan22 named tan shades with hex codes.
- Shades of turquoise24 named turquoise shades with hex codes.
- Shades of lavender12 named lavender shades with hex codes.
- Shades of burgundy15 named burgundy shades with hex codes.
Frequently asked questions
How many shades of blue are there?
There are endless shades of blue, since any small change in a color makes a new shade. This page lists 99 named blue shades, each with its hex code.
What are the most popular shades of blue?
Popular blue shades include Navy Blue (#001146), Royal Blue (#4169E1), Sky Blue (#87CEEB), Light Blue (#ADD8E6), Cobalt Blue (#030AA7), Baby Blue (#A2CFFE).
What is the lightest and darkest shade of blue here?
The lightest named shade is Light Blue (#ADD8E6) and the darkest is Midnight (#03012D).
What is the difference between a shade, a tint and a tone?
Strictly, a shade is a color mixed with black, a tint is mixed with white and a tone is mixed with gray. In everyday use, "shades of blue" means every variation of blue, light or dark.