Shades of Blue Color
The “Shades of Blue” color is a collection of all possbile shades of blue color. This article provides the Shades of blue Color and their Names with Hex, RGB, and HSL values.
A card is designed to showcase a comprehensive collection of various blue color shades. Users can interact with this card by selecting a specific blue shade from the provided options. Upon selection, the card dynamically displays the RGB and hexadecimal color codes for the chosen blue shade.
Additionally, the card provides a visual representation of the selected color with an instant color change, allowing users to explore and identify different blue shades easily.
Shades of Blue Color with Names, Hex, RGB, and HSL Values
Color |
Name |
HEX Code |
RGB Code |
HSL Code |
---|---|---|---|---|
Aqua | #00FFFF | rgb(0, 255, 255) | hsl(180, 100%, 50%) | |
Azure | #F0FFFF | rgb(240, 255, 255) | hsl(180, 100%, 97%) | |
Baby Blue | #89CFF0 | rgb(137, 207, 240) | hsl(199, 77%, 74%) | |
Blue | #0000FF | rgb(0, 0, 255) | hsl(240, 100%, 50%) | |
Blue Gray | #7393B3 | rgb(115, 147, 179) | hsl(210, 30%, 58%) | |
Blue Green | #088F8F | rgb(8, 143, 143) | hsl(180, 89%, 30%) | |
Bright Blue | #0096FF | rgb(0, 150, 255) | hsl(205, 100%, 50%) | |
Cadet Blue | #5F9EA0 | rgb(95, 158, 160) | hsl(182, 25%, 50%) | |
Cobalt Blue | #0047AB | rgb(0, 71, 171) | hsl(215, 100%, 34%) | |
Cornflower Blue | #6495ED | rgb(100, 149, 237) | hsl(219, 79%, 66%) | |
Cyan | #00FFFF | rgb(0, 255, 255) | hsl(180, 100%, 50%) | |
Dark Blue | #00008B | rgb(0, 0, 139) | hsl(240, 100%, 27%) | |
Denim | #6F8FAF | rgb(111, 143, 175) | hsl(210, 29%, 56%) | |
Egyptian Blue | #1434A4 | rgb(20, 52, 164) | hsl(227, 78%, 36%) | |
Electric Blue | #7DF9FF | rgb(125, 249, 255) | hsl(183, 100%, 75%) | |
Glaucous | #6082B6 | rgb(96, 130, 182) | hsl(216, 37%, 55%) | |
Jade | #00A36C | rgb(0, 163, 108) | hsl(160, 100%, 32%) | |
Indigo | #3F00FF | rgb(63, 0, 255) | hsl(255, 100%, 50%) | |
Iris | #5D3FD3 | rgb(93, 63, 211) | hsl(252, 63%, 54%) | |
Light Blue | #ADD8E6 | rgb(173, 216, 230) | hsl(195, 53%, 79%) | |
Midnight Blue | #191970 | rgb(25, 25, 112) | hsl(240, 64%, 27%) | |
Navy Blue | #000080 | rgb(0, 0, 128) | hsl(240, 100%, 25%) | |
Neon Blue | #1F51FF | rgb(31, 81, 255) | hsl(227, 100%, 56%) | |
Pastel Blue | #A7C7E7 | rgb(167, 199, 231) | hsl(210, 57%, 78%) | |
Periwinkle | #CCCCFF | rgb(204, 204, 255) | hsl(240, 100%, 90%) | |
Powder Blue | #B6D0E2 | rgb(182, 208, 226) | hsl(205, 43%, 80%) | |
Robin Egg Blue | #96DED1 | rgb(150, 222, 209) | hsl(169, 52%, 73%) | |
Royal Blue | #4169E1 | rgb(65, 105, 225) | hsl(225, 73%, 57%) | |
Sapphire Blue | #0F52BA | rgb(15, 82, 186) | hsl(216, 85%, 39%) | |
Seafoam Green | #9FE2BF | rgb(159, 226, 191) | hsl(149, 54%, 75%) | |
Sky Blue | #87CEEB | rgb(135, 206, 235) | hsl(197, 71%, 73%) | |
Steel Blue | #4682B4 | rgb(70, 130, 180) | hsl(207, 44%, 49%) | |
Teal | #008080 | rgb(0, 128, 128) | hsl(180, 100%, 25%) | |
Turquoise | #40E0D0 | rgb(64, 224, 208) | hsl(174, 72%, 56%) | |
Ultramarine | #0437F2 | rgb(4, 55, 242) | hsl(227, 97%, 48%) | |
Verdigris | #40B5AD | rgb(64, 181, 173) | hsl(176, 48%, 48%) | |
Zaffre | #0818A8 | rgb(8, 24, 168) | hsl(234, 91%, 35%) |