Huehive Logo

HueHive

Shades Of Blue

166 views
Sky Blue #87CEEB
Light Sky Blue #87CEFA
Deep Sky Blue #00BFFF
Dodger Blue #1E90FF
Cornflower Blue #6495ED
Medium Slate Blue #7B68EE
Royal Blue #4169E1
Blue #0000FF
Medium Blue #0000CD
Dark Blue #00008B
Navy #000080
Slate Blue #6A5ACD
Steel Blue #4682B4
Light Steel Blue #B0C4DE
Powder Blue #B0E0E6
Light Blue #ADD8E6
Alice Blue #F0F8FF
Cyan #00FFFF
Light Cyan #E0FFFF
Turquoise #40E0D0
Medium Turquoise #48D1CC
Dark Turquoise #00CED1
Teal #008080
Dark Slate Blue #483D8B
Cadet Blue #5F9EA0
Light Sea Green #20B2AA
Aquamarine #7FFFD4
Medium Aquamarine #66CDAA
Dark Cyan #008B8B
Light Steel Blue #B0C4DE
Violet Blue #8A2BE2
Baby Blue #89CFF0
Cerulean #007BA7
Capri #00BFFF
Electric Blue #7DF9FF
Ocean Blue #0077BE
Blueberry #4F86F7
Steel Blue #4682B4
Beryl #79B3C3
Light Blue #ADD8E6
Bright Blue #0096FF
Azure #F0FFFF
Sapphire #0F52BA
Cobalt Blue #0047AB
Dark Slate Gray #2F4F4F
Ice Blue #A3C1DA
Maya Blue #73C2FB
Periwinkle #CCCCFF
Blue Violet #8A2BE2
Light Slate Blue #8470FF
Dark Powder Blue #003366
Rich Blue #003DA5
Neon Blue #1B03A3
Dark Cerulean #08457E
Glacial Blue #A7C6D9
Blue Yonder #8AB8E6
#87CEEB Sky Blue
#87CEFA Light Sky Blue
#00BFFF Deep Sky Blue
#1E90FF Dodger Blue
#6495ED Cornflower Blue
#7B68EE Medium Slate Blue
#4169E1 Royal Blue
#0000FF Blue
#0000CD Medium Blue
#00008B Dark Blue
#000080 Navy
#6A5ACD Slate Blue
#4682B4 Steel Blue
#B0C4DE Light Steel Blue
#B0E0E6 Powder Blue
#ADD8E6 Light Blue
#F0F8FF Alice Blue
#00FFFF Cyan
#E0FFFF Light Cyan
#40E0D0 Turquoise
#48D1CC Medium Turquoise
#00CED1 Dark Turquoise
#008080 Teal
#483D8B Dark Slate Blue
#5F9EA0 Cadet Blue
#20B2AA Light Sea Green
#7FFFD4 Aquamarine
#66CDAA Medium Aquamarine
#008B8B Dark Cyan
#B0C4DE Light Steel Blue
#8A2BE2 Violet Blue
#89CFF0 Baby Blue
#007BA7 Cerulean
#00BFFF Capri
#7DF9FF Electric Blue
#0077BE Ocean Blue
#4F86F7 Blueberry
#4682B4 Steel Blue
#79B3C3 Beryl
#ADD8E6 Light Blue
#0096FF Bright Blue
#F0FFFF Azure
#0F52BA Sapphire
#0047AB Cobalt Blue
#2F4F4F Dark Slate Gray
#A3C1DA Ice Blue
#73C2FB Maya Blue
#CCCCFF Periwinkle
#8A2BE2 Blue Violet
#8470FF Light Slate Blue
#003366 Dark Powder Blue
#003DA5 Rich Blue
#1B03A3 Neon Blue
#08457E Dark Cerulean
#A7C6D9 Glacial Blue
#8AB8E6 Blue Yonder

Shades of Blue

About This Color Palette

Here is a color palette featuring 50 shades of blue:

json
{
  "palette_name": "Shades of Blue",
  "colors": [
    {"name": "Sky Blue", "hex_code": "
                            
                            #87CEEB
                        "},
    {"name": "Light Sky Blue", "hex_code": "
                            
                            #87CEFA
                        "},
    {"name": "Deep Sky Blue", "hex_code": "
                            
                            #00BFFF
                        "},
    {"name": "Dodger Blue", "hex_code": "
                            
                            #1E90FF
                        "},
    {"name": "Cornflower Blue", "hex_code": "
                            
                            #6495ED
                        "},
    {"name": "Medium Slate Blue", "hex_code": "
                            
                            #7B68EE
                        "},
    {"name": "Royal Blue", "hex_code": "
                            
                            #4169E1
                        "},
    {"name": "Blue", "hex_code": "
                            
                            #0000FF
                        "},
    {"name": "Medium Blue", "hex_code": "
                            
                            #0000CD
                        "},
    {"name": "Dark Blue", "hex_code": "
                            
                            #00008B
                        "},
    {"name": "Navy", "hex_code": "
                            
                            #000080
                        "},
    {"name": "Slate Blue", "hex_code": "
                            
                            #6A5ACD
                        "},
    {"name": "Steel Blue", "hex_code": "
                            
                            #4682B4
                        "},
    {"name": "Light Steel Blue", "hex_code": "
                            
                            #B0C4DE
                        "},
    {"name": "Powder Blue", "hex_code": "
                            
                            #B0E0E6
                        "},
    {"name": "Light Blue", "hex_code": "
                            
                            #ADD8E6
                        "},
    {"name": "Alice Blue", "hex_code": "
                            
                            #F0F8FF
                        "},
    {"name": "Cyan", "hex_code": "
                            
                            #00FFFF
                        "},
    {"name": "Light Cyan", "hex_code": "
                            
                            #E0FFFF
                        "},
    {"name": "Turquoise", "hex_code": "
                            
                            #40E0D0
                        "},
    {"name": "Medium Turquoise", "hex_code": "
                            
                            #48D1CC
                        "},
    {"name": "Dark Turquoise", "hex_code": "
                            
                            #00CED1
                        "},
    {"name": "Teal", "hex_code": "
                            
                            #008080
                        "},
    {"name": "Dark Slate Blue", "hex_code": "
                            
                            #483D8B
                        "},
    {"name": "Cadet Blue", "hex_code": "
                            
                            #5F9EA0
                        "},
    {"name": "Light Sea Green", "hex_code": "
                            
                            #20B2AA
                        "},
    {"name": "Aquamarine", "hex_code": "
                            
                            #7FFFD4
                        "},
    {"name": "Medium Aquamarine", "hex_code": "
                            
                            #66CDAA
                        "},
    {"name": "Dark Cyan", "hex_code": "
                            
                            #008B8B
                        "},
    {"name": "Light Steel Blue", "hex_code": "
                            
                            #B0C4DE
                        "},
    {"name": "Violet Blue", "hex_code": "
                            
                            #8A2BE2
                        "},
    {"name": "Baby Blue", "hex_code": "
                            
                            #89CFF0
                        "},
    {"name": "Cerulean", "hex_code": "
                            
                            #007BA7
                        "},
    {"name": "Capri", "hex_code": "
                            
                            #00BFFF
                        "},
    {"name": "Electric Blue", "hex_code": "
                            
                            #7DF9FF
                        "},
    {"name": "Ocean Blue", "hex_code": "
                            
                            #0077BE
                        "},
    {"name": "Blueberry", "hex_code": "
                            
                            #4F86F7
                        "},
    {"name": "Steel Blue", "hex_code": "
                            
                            #4682B4
                        "},
    {"name": "Beryl", "hex_code": "
                            
                            #79B3C3
                        "},
    {"name": "Light Blue", "hex_code": "
                            
                            #ADD8E6
                        "},
    {"name": "Bright Blue", "hex_code": "
                            
                            #0096FF
                        "},
    {"name": "Azure", "hex_code": "
                            
                            #F0FFFF
                        "},
    {"name": "Sapphire", "hex_code": "
                            
                            #0F52BA
                        "},
    {"name": "Cobalt Blue", "hex_code": "
                            
                            #0047AB
                        "},
    {"name": "Dark Slate Gray", "hex_code": "
                            
                            #2F4F4F
                        "},
    {"name": "Ice Blue", "hex_code": "
                            
                            #A3C1DA
                        "},
    {"name": "Maya Blue", "hex_code": "
                            
                            #73C2FB
                        "},
    {"name": "Periwinkle", "hex_code": "
                            
                            #CCCCFF
                        "},
    {"name": "Blue Violet", "hex_code": "
                            
                            #8A2BE2
                        "},
    {"name": "Light Slate Blue", "hex_code": "
                            
                            #8470FF
                        "},
    {"name": "Dark Powder Blue", "hex_code": "
                            
                            #003366
                        "},
    {"name": "Rich Blue", "hex_code": "
                            
                            #003DA5
                        "},
    {"name": "Neon Blue", "hex_code": "
                            
                            #1B03A3
                        "},
    {"name": "Dark Cerulean", "hex_code": "
                            
                            #08457E
                        "},
    {"name": "Glacial Blue", "hex_code": "
                            
                            #A7C6D9
                        "},
    {"name": "Blue Yonder", "hex_code": "
                            
                            #8AB8E6
                        "}
  ]
}

This palette captures the vast diversity of blue shades, ranging from light and airy to deep and vibrant tones. Would you like to explore a specific shade further or need assistance with something else?

C
Croma
Dashboard
Analytics
Customers
Settings
John Doe
Admin
Search...

Overview

Welcome back, here's what's happening today.

+12%
$45,231
Total Revenue
+12%
2,345
Active Users
+12%
128
New Orders

Revenue Growth

Brand
Features Pricing About

Build something amazing

Create stunning designs with our AI-powered color palette generator. Perfect for web, mobile, and print.

Fast Performance

Optimized for speed and efficiency.

Secure by Default

Enterprise-grade security built-in.

Easy to Use

Intuitive interface for everyone.

9:41

Good Morning

Here's your daily update

Today

Design Review
10:00 AM
Team Meeting
11:30 AM
Lunch Break
1:00 PM
Project Focus
2:00 PM
Home
Search
Profile
B
BrandName
Sponsored
...
New Collection

Summer
Sale

Get up to 50% off on all items.

1,234 likes
BrandName Don't miss out on our biggest sale of the season! #summersale #fashion

Logo Variations

B
BrandName
B
BrandName

Business Card

B
BrandName

John Doe

Creative Director

john.doe@brandname.com

+1 (555) 123-4567

www.brandname.com

Type Scale

Heading 1

Bold / 48px

Heading 2

Bold / 36px

Heading 3

Bold / 30px

Heading 4

Bold / 24px

Body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Regular / 16px

Article Layout

Design Trends

The Future of Color

Color trends are evolving rapidly. We are seeing a shift towards more vibrant, expressive palettes that capture attention and evoke emotion.

"Color is a power which directly influences the soul."

Why it matters

Choosing the right color palette is crucial for brand identity. It communicates values without words and creates an instant connection with the audience.

Abstract

Composition #01

Download Files

PNG Image

Raster image format

Copy Code

variables.css

          

Simulate how your palette appears to users with different types of color vision deficiencies. Approximately 8% of men and 0.5% of women have some form of color blindness.

Original Palette

Protanopia

Red-blind (approx. 1% of men)

Deuteranopia

Green-blind (approx. 1% of men)

Tritanopia

Blue-blind (very rare)

Achromatopsia

Total color blindness (monochromacy)

Shades & Tints

Explore lighter variations (tints) and darker variations (shades) of each color. Click any color to copy its hex code.

Sky Blue

#87CEEB

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Sky Blue

#87CEFA

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Deep Sky Blue

#00BFFF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dodger Blue

#1E90FF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Cornflower Blue

#6495ED

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Medium Slate Blue

#7B68EE

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Royal Blue

#4169E1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Blue

#0000FF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Medium Blue

#0000CD

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dark Blue

#00008B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Navy

#000080

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Slate Blue

#6A5ACD

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Steel Blue

#4682B4

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Steel Blue

#B0C4DE

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Powder Blue

#B0E0E6

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Blue

#ADD8E6

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Alice Blue

#F0F8FF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Cyan

#00FFFF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Cyan

#E0FFFF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Turquoise

#40E0D0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Medium Turquoise

#48D1CC

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dark Turquoise

#00CED1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Teal

#008080

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dark Slate Blue

#483D8B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Cadet Blue

#5F9EA0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Sea Green

#20B2AA

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Aquamarine

#7FFFD4

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Medium Aquamarine

#66CDAA

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dark Cyan

#008B8B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Steel Blue

#B0C4DE

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Violet Blue

#8A2BE2

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Baby Blue

#89CFF0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Cerulean

#007BA7

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Capri

#00BFFF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Electric Blue

#7DF9FF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Ocean Blue

#0077BE

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Blueberry

#4F86F7

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Steel Blue

#4682B4

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Beryl

#79B3C3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Blue

#ADD8E6

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Bright Blue

#0096FF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Azure

#F0FFFF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Sapphire

#0F52BA

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Cobalt Blue

#0047AB

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dark Slate Gray

#2F4F4F

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Ice Blue

#A3C1DA

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Maya Blue

#73C2FB

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Periwinkle

#CCCCFF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Blue Violet

#8A2BE2

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Slate Blue

#8470FF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dark Powder Blue

#003366

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Rich Blue

#003DA5

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Neon Blue

#1B03A3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dark Cerulean

#08457E

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Glacial Blue

#A7C6D9

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Blue Yonder

#8AB8E6

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Color Wheel Distribution

Harmony Analysis

Dominant Temperature

--

Harmony Type

--

Analyzing color relationships...

Color Values (HSL)

Select Background

Select Text Color

Contrast Analysis

Aa

The quick brown fox jumps over the lazy dog.

Contrast Ratio --

Normal Text

WCAG AA --
WCAG AAA --

Large Text

WCAG AA --
WCAG AAA --

Understanding WCAG Scores

Normal Text

  • AA requires 4.5:1 ratio
  • AAA requires 7.0:1 ratio

Large Text (18pt+ or 14pt+ bold)

  • AA requires 3.0:1 ratio
  • AAA requires 4.5:1 ratio

What would you like to do?

Other Similar Palettes

#A3C1DA
#87CEEB
#1E90FF
#4169E1
#4169E1
#00008B
#B2E0F8
#A1D8E9
#6BC4FF
#7BB1E7
#6A9BD5
#4C6EA4
#C1E4E5
#A3C1D4
#A7C3C5
#f1dc94
#87ceeb
#4682b4
#1e90ff
#87CEEB
#4169E1
#1E90FF
#4682B4
#ADD8E6
#0000CD
#6495ED
#00BFFF
#000080
#00FFFF
#F0FFFF
#87CEFA
#B0E0E6
#7B68EE
#6A5ACD
#483D8B
#99CCFF
#CCCCFF
#B0C4DE
#7DF9FF
#8A2BE2
#5F8A8D
#00CED1
#E0FFFF
#008080
#40E0D0
#48D1CC
#00008B
#ADD8E6
#0047AB
#00B2A9
#7FB3D5
#007FFF
#5C7F9C
#6A7B9D
#C9E2F1
#72A0B1
#00BFFF
#003DA5
#D4E6F1
#007BA7
#A1C6EA
#003DA5
#81D8D0
#1F3A3D
#00356B
#71B3D6
#1034A6
#1CA9C9
#0072BB
#A8B9D8
#2C3E50
#1F51FF
#1F75FE
#0093B2
#003DA5
#007BA7
#8A2BE2
#A8D8E5
#008B8B
#A4C8E1
#101820
#4B8DA8
#003b76
#002a57
#0051a8
#0066cc
#0073e6
#87CEEB
#4169E1
#000080
#1E90FF
#4682B4

Update Your Palette

Current Palette

Sky Blue
Light Sky Blue
Deep Sky Blue
Dodger Blue
Cornflower Blue
Medium Slate Blue
Royal Blue
Blue
Medium Blue
Dark Blue
Navy
Slate Blue
Steel Blue
Light Steel Blue
Powder Blue
Light Blue
Alice Blue
Cyan
Light Cyan
Turquoise
Medium Turquoise
Dark Turquoise
Teal
Dark Slate Blue
Cadet Blue
Light Sea Green
Aquamarine
Medium Aquamarine
Dark Cyan
Light Steel Blue
Violet Blue
Baby Blue
Cerulean
Capri
Electric Blue
Ocean Blue
Blueberry
Steel Blue
Beryl
Light Blue
Bright Blue
Azure
Sapphire
Cobalt Blue
Dark Slate Gray
Ice Blue
Maya Blue
Periwinkle
Blue Violet
Light Slate Blue
Dark Powder Blue
Rich Blue
Neon Blue
Dark Cerulean
Glacial Blue
Blue Yonder

Shades of Blue

Try these examples: