70 Shades Of Blue

2 views
Sky Blue #87CEEB
Dodger Blue #1E90FF
Steel Blue #4682B4
Light Sky Blue #87CEFA
Deep Sky Blue #00BFFF
Royal Blue #4169E1
Medium Blue #0000CD
Dark Blue #00008B
Navy #000080
Slate Blue #6A5ACD
Light Steel Blue #B0C4DE
Powder Blue #B0E0E6
Light Blue #ADD8E6
Alice Blue #F0F8FF
Cyan #00FFFF
Electric Blue #7DF9FF
Sky Blue #87CEEB
Turquoise #40E0D0
Teal #008080
Medium Turquoise #48D1CC
Dark Turquoise #00CED1
Light Cyan #E0FFFF
Light Slate Blue #8470FF
Cadet Blue #5F9EA0
Dark Slate Blue #483D8B
Medium Slate Blue #7B68EE
Light Blue #ADD8E6
Blue #0000FF
Medium Aquamarine #66CDAA
Dark Cyan #008B8B
Light Sea Green #20B2AA
Aqua #00FFFF
Dark Blue #00008B
Bright Blue #007FFF
Ice Blue #99CCFF
Blue Violet #8A2BE2
Cornflower Blue #6495ED
Light Royal Blue #0071C5
Pastel Blue #A0C4FF
Ocean Blue #0077BE
Cerulean #007BA7
Bright Sky Blue #00A3E0
Zaffre #0018A8
Azure #F0FFFF
Deep Blue #0000A0
Periwinkle #CCCCFF
Blue Green #0D98BA
Dark Azure #00539C
Vivid Sky Blue #00CCFF
Celeste #B2FFFF
Light Cobalt Blue #A4C8E1
Glacial Blue #A8D8EA
Blueberry #7D99B8
Cobalt Blue #0047AB
Sapphire #0F52BA
Maya Blue #73C2FB
Violet Blue #8A00B8
Aero #7CB9E8
Dark Sapphire #1D3F72
Frostbite #E8B2C3
Brisk Blue #A0D8E0
Cool Blue #B2C2D4
Pacific Blue #009CBB
Ultramarine #3F00FF
Blueberry Pie #A9C1D9
Dawn Blue #A3D9E2
Wedgewood Blue #4B9CD3
Bright Azure #007FFF
Lapis Lazuli #26619C
Dark Blue Gray #1F3A3D
Cerulean Frost #A4D7E1
Blue Ash #0090A8
True Blue #3D5AFE
Vivid Blue #3B91B5
Sky Blue Pink #D6B1E5
Sky Blue #87CEEB
Light Azure #A0D7E8
Teal Blue #367588
Glacier Blue #A3D5E0
Robin's Egg Blue #1F9F9D
Blue Lagoon #008CBA
Cyan Blue #0095D9
Air Force Blue #5D8AA8
Light Cornflower Blue #8BB2E0
Dark Cerulean #08457E
#87CEEB Sky Blue
#1E90FF Dodger Blue
#4682B4 Steel Blue
#87CEFA Light Sky Blue
#00BFFF Deep Sky Blue
#4169E1 Royal Blue
#0000CD Medium Blue
#00008B Dark Blue
#000080 Navy
#6A5ACD Slate Blue
#B0C4DE Light Steel Blue
#B0E0E6 Powder Blue
#ADD8E6 Light Blue
#F0F8FF Alice Blue
#00FFFF Cyan
#7DF9FF Electric Blue
#87CEEB Sky Blue
#40E0D0 Turquoise
#008080 Teal
#48D1CC Medium Turquoise
#00CED1 Dark Turquoise
#E0FFFF Light Cyan
#8470FF Light Slate Blue
#5F9EA0 Cadet Blue
#483D8B Dark Slate Blue
#7B68EE Medium Slate Blue
#ADD8E6 Light Blue
#0000FF Blue
#66CDAA Medium Aquamarine
#008B8B Dark Cyan
#20B2AA Light Sea Green
#00FFFF Aqua
#00008B Dark Blue
#007FFF Bright Blue
#99CCFF Ice Blue
#8A2BE2 Blue Violet
#6495ED Cornflower Blue
#0071C5 Light Royal Blue
#A0C4FF Pastel Blue
#0077BE Ocean Blue
#007BA7 Cerulean
#00A3E0 Bright Sky Blue
#0018A8 Zaffre
#F0FFFF Azure
#0000A0 Deep Blue
#CCCCFF Periwinkle
#0D98BA Blue Green
#00539C Dark Azure
#00CCFF Vivid Sky Blue
#B2FFFF Celeste
#A4C8E1 Light Cobalt Blue
#A8D8EA Glacial Blue
#7D99B8 Blueberry
#0047AB Cobalt Blue
#0F52BA Sapphire
#73C2FB Maya Blue
#8A00B8 Violet Blue
#7CB9E8 Aero
#1D3F72 Dark Sapphire
#E8B2C3 Frostbite
#A0D8E0 Brisk Blue
#B2C2D4 Cool Blue
#009CBB Pacific Blue
#3F00FF Ultramarine
#A9C1D9 Blueberry Pie
#A3D9E2 Dawn Blue
#4B9CD3 Wedgewood Blue
#007FFF Bright Azure
#26619C Lapis Lazuli
#1F3A3D Dark Blue Gray
#A4D7E1 Cerulean Frost
#0090A8 Blue Ash
#3D5AFE True Blue
#3B91B5 Vivid Blue
#D6B1E5 Sky Blue Pink
#87CEEB Sky Blue
#A0D7E8 Light Azure
#367588 Teal Blue
#A3D5E0 Glacier Blue
#1F9F9D Robin's Egg Blue
#008CBA Blue Lagoon
#0095D9 Cyan Blue
#5D8AA8 Air Force Blue
#8BB2E0 Light Cornflower Blue
#08457E Dark Cerulean

About This Color Palette

Here is a color palette featuring 70 shades of blue, each with a unique name and hex code:

json
{
  "palette_name": "70 Shades of Blue",
  "colors": [
    {"name": "Sky Blue", "hex_code": "
          
          #87CEEB
       "},
    {"name": "Dodger Blue", "hex_code": "
          
          #1E90FF
       "},
    {"name": "Steel Blue", "hex_code": "
          
          #4682B4
       "},
    {"name": "Light Sky Blue", "hex_code": "
          
          #87CEFA
       "},
    {"name": "Deep Sky Blue", "hex_code": "
          
          #00BFFF
       "},
    {"name": "Royal Blue", "hex_code": "
          
          #4169E1
       "},
    {"name": "Medium Blue", "hex_code": "
          
          #0000CD
       "},
    {"name": "Dark Blue", "hex_code": "
          
          #00008B
       "},
    {"name": "Navy", "hex_code": "
          
          #000080
       "},
    {"name": "Slate Blue", "hex_code": "
          
          #6A5ACD
       "},
    {"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": "Electric Blue", "hex_code": "
          
          #7DF9FF
       "},
    {"name": "Sky Blue", "hex_code": "
          
          #87CEEB
       "},
    {"name": "Turquoise", "hex_code": "
          
          #40E0D0
       "},
    {"name": "Teal", "hex_code": "
          
          #008080
       "},
    {"name": "Medium Turquoise", "hex_code": "
          
          #48D1CC
       "},
    {"name": "Dark Turquoise", "hex_code": "
          
          #00CED1
       "},
    {"name": "Light Cyan", "hex_code": "
          
          #E0FFFF
       "},
    {"name": "Light Slate Blue", "hex_code": "
          
          #8470FF
       "},
    {"name": "Cadet Blue", "hex_code": "
          
          #5F9EA0
       "},
    {"name": "Dark Slate Blue", "hex_code": "
          
          #483D8B
       "},
    {"name": "Medium Slate Blue", "hex_code": "
          
          #7B68EE
       "},
    {"name": "Light Blue", "hex_code": "
          
          #ADD8E6
       "},
    {"name": "Blue", "hex_code": "
          
          #0000FF
       "},
    {"name": "Medium Aquamarine", "hex_code": "
          
          #66CDAA
       "},
    {"name": "Dark Cyan", "hex_code": "
          
          #008B8B
       "},
    {"name": "Light Sea Green", "hex_code": "
          
          #20B2AA
       "},
    {"name": "Aqua", "hex_code": "
          
          #00FFFF
       "},
    {"name": "Dark Blue", "hex_code": "
          
          #00008B
       "},
    {"name": "Bright Blue", "hex_code": "
          
          #007FFF
       "},
    {"name": "Ice Blue", "hex_code": "
          
          #99CCFF
       "},
    {"name": "Blue Violet", "hex_code": "
          
          #8A2BE2
       "},
    {"name": "Cornflower Blue", "hex_code": "
          
          #6495ED
       "},
    {"name": "Light Royal Blue", "hex_code": "
          
          #0071C5
       "},
    {"name": "Pastel Blue", "hex_code": "
          
          #A0C4FF
       "},
    {"name": "Ocean Blue", "hex_code": "
          
          #0077BE
       "},
    {"name": "Cerulean", "hex_code": "
          
          #007BA7
       "},
    {"name": "Bright Sky Blue", "hex_code": "
          
          #00A3E0
       "},
    {"name": "Zaffre", "hex_code": "
          
          #0018A8
       "},
    {"name": "Azure", "hex_code": "
          
          #F0FFFF
       "},
    {"name": "Deep Blue", "hex_code": "
          
          #0000A0
       "},
    {"name": "Periwinkle", "hex_code": "
          
          #CCCCFF
       "},
    {"name": "Blue Green", "hex_code": "
          
          #0D98BA
       "},
    {"name": "Dark Azure", "hex_code": "
          
          #00539C
       "},
    {"name": "Vivid Sky Blue", "hex_code": "
          
          #00CCFF
       "},
    {"name": "Celeste", "hex_code": "
          
          #B2FFFF
       "},
    {"name": "Light Cobalt Blue", "hex_code": "
          
          #A4C8E1
       "},
    {"name": "Glacial Blue", "hex_code": "
          
          #A8D8EA
       "},
    {"name": "Blueberry", "hex_code": "
          
          #7D99B8
       "},
    {"name": "Cobalt Blue", "hex_code": "
          
          #0047AB
       "},
    {"name": "Sapphire", "hex_code": "
          
          #0F52BA
       "},
    {"name": "Maya Blue", "hex_code": "
          
          #73C2FB
       "},
    {"name": "Sky Blue", "hex_code": "
          
          #87CEEB
       "},
    {"name": "Light Azure", "hex_code": "
          
          #A0D7E8
       "},
    {"name": "Teal Blue", "hex_code": "
          
          #367588
       "},
    {"name": "Glacier Blue", "hex_code": "
          
          #A3D5E0
       "},
    {"name": "Robin's Egg Blue", "hex_code": "
          
          #1F9F9D
       "},
    {"name": "Blue Lagoon", "hex_code": "
          
          #008CBA
       "},
    {"name": "Cyan Blue", "hex_code": "
          
          #0095D9
       "},
    {"name": "Air Force Blue", "hex_code": "
          
          #5D8AA8
       "},
    {"name": "Light Cornflower Blue", "hex_code": "
          
          #8BB2E0
       "},
    {"name": "Dark Cerulean", "hex_code": "
          
          #08457E
       "},
    {"name": "Violet Blue", "hex_code": "
          
          #8A00B8
       "},
    {"name": "Aero", "hex_code": "
          
          #7CB9E8
       "},
    {"name": "Dark Sapphire", "hex_code": "
          
          #1D3F72
       "},
    {"name": "Frostbite", "hex_code": "
          
          #E8B2C3
       "},
    {"name": "Brisk Blue", "hex_code": "
          
          #A0D8E0
       "},
    {"name": "Cool Blue", "hex_code": "
          
          #B2C2D4
       "},
    {"name": "Pacific Blue", "hex_code": "
          
          #009CBB
       "},
    {"name": "Ultramarine", "hex_code": "
          
          #3F00FF
       "},
    {"name": "Blueberry Pie", "hex_code": "
          
          #A9C1D9
       "},
    {"name": "Dawn Blue", "hex_code": "
          
          #A3D9E2
       "},
    {"name": "Wedgewood Blue", "hex_code": "
          
          #4B9CD3
       "},
    {"name": "Bright Azure", "hex_code": "
          
          #007FFF
       "},
    {"name": "Lapis Lazuli", "hex_code": "
          
          #26619C
       "},
    {"name": "Dark Blue Gray", "hex_code": "
          
          #1F3A3D
       "},
    {"name": "Cerulean Frost", "hex_code": "
          
          #A4D7E1
       "},
    {"name": "Blue Ash", "hex_code": "
          
          #0090A8
       "},
    {"name": "True Blue", "hex_code": "
          
          #3D5AFE
       "},
    {"name": "Vivid Blue", "hex_code": "
          
          #3B91B5
       "},
    {"name": "Sky Blue Pink", "hex_code": "
          
          #D6B1E5
       "}
  ]
}

This palette features a wide range of blue shades, from light pastels to dark, deep hues. It can be used for various design projects, including web design, branding, and interior decor.

Is there a specific context or application you have in mind for these colors?

Customize Preview Colors

Upgrade to Pro
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

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)

Dodger Blue

#1E90FF

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

Royal Blue

#4169E1

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)

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)

Electric Blue

#7DF9FF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Sky Blue

#87CEEB

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Turquoise

#40E0D0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Teal

#008080

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)

Light Cyan

#E0FFFF

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)

Cadet Blue

#5F9EA0

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)

Medium Slate Blue

#7B68EE

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)

Blue

#0000FF

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 Sea Green

#20B2AA

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Aqua

#00FFFF

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)

Bright Blue

#007FFF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Ice Blue

#99CCFF

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)

Cornflower Blue

#6495ED

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Royal Blue

#0071C5

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Pastel Blue

#A0C4FF

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)

Cerulean

#007BA7

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Bright Sky Blue

#00A3E0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Zaffre

#0018A8

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Azure

#F0FFFF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Deep Blue

#0000A0

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 Green

#0D98BA

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dark Azure

#00539C

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Vivid Sky Blue

#00CCFF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Celeste

#B2FFFF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Cobalt Blue

#A4C8E1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Glacial Blue

#A8D8EA

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Blueberry

#7D99B8

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)

Sapphire

#0F52BA

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)

Violet Blue

#8A00B8

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Aero

#7CB9E8

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dark Sapphire

#1D3F72

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Frostbite

#E8B2C3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Brisk Blue

#A0D8E0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Cool Blue

#B2C2D4

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Pacific Blue

#009CBB

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Ultramarine

#3F00FF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Blueberry Pie

#A9C1D9

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dawn Blue

#A3D9E2

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Wedgewood Blue

#4B9CD3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Bright Azure

#007FFF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Lapis Lazuli

#26619C

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dark Blue Gray

#1F3A3D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Cerulean Frost

#A4D7E1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Blue Ash

#0090A8

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

True Blue

#3D5AFE

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Vivid Blue

#3B91B5

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Sky Blue Pink

#D6B1E5

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Sky Blue

#87CEEB

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Azure

#A0D7E8

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Teal Blue

#367588

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Glacier Blue

#A3D5E0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Robin's Egg Blue

#1F9F9D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Blue Lagoon

#008CBA

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Cyan Blue

#0095D9

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Air Force Blue

#5D8AA8

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Cornflower Blue

#8BB2E0

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)

Color Theory Analysis

Unlock advanced color wheel distribution, harmony detection, and HSL color analysis with Pro.

Upgrade to Pro

Color Wheel Distribution

Harmony Analysis

Dominant Temperature

--

Harmony Type

--

Analyzing color relationships...

Color Values (HSL)

Background Color

#

Colors

Text Color

#

Colors

Preview & 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 --
AI

AI Contrast Fix Suggestions

Suggests background & text tweaks to reach WCAG targets.

Log in to unlock 3 free AI tries

Ready to suggest tweaks for AA/AAA.

Suggested pairs

Shortest hop that clears WCAG AA/AAA.

Current: --
Run “Suggest Fixes” to see AI options.

Understanding Contrast Ratios

4.5:1 (Level AA)

The minimum required contrast ratio for normal text to be considered accessible under WCAG 2.1 Level AA. For large text, the requirement is lower at 3.0:1. This is the standard target for most web content.

7.0:1 (Level AAA)

The "gold standard" for accessibility. Achieving a 7.0:1 ratio ensures that your text is readable even for people with significant vision loss. For large text, the AAA requirement is 4.5:1.

What counts as Large Text?

WCAG defines large text as anything 18pt (approx. 24px) or larger, or 14pt (approx. 18.66px) and bold or larger. Most headings fall into this category.

Why it matters

Proper contrast is essential for everyone, but especially for people with color blindness, low vision, or those viewing screens in bright sunlight.

Other Similar Palettes

#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
#FFC0CB
#FFDAB9
#98FB98
#B0E0E6
#F08080
#FFFACD
#87CEEB
#4169E1
#000080
#4682B4
#1E90FF
#87CEEB
#4169E1
#000080
#1E90FF
#4682B4
#003b76
#002a57
#0051a8
#0066cc
#0073e6
#87CEEB
#87CEFA
#00BFFF
#1E90FF
#6495ED
#7B68EE
#4169E1
#0000FF
#0000CD
#00008B
#000080
#6A5ACD
#4682B4
#B0C4DE
#B0E0E6
#ADD8E6
#F0F8FF
#00FFFF
#E0FFFF
#40E0D0
#48D1CC
#00CED1
#008080
#483D8B
#5F9EA0
#20B2AA
#7FFFD4
#66CDAA
#008B8B
#B0C4DE
#8A2BE2
#89CFF0
#007BA7
#00BFFF
#7DF9FF
#0077BE
#4F86F7
#4682B4
#79B3C3
#ADD8E6
#0096FF
#F0FFFF
#0F52BA
#0047AB
#2F4F4F
#A3C1DA
#73C2FB
#CCCCFF
#8A2BE2
#8470FF
#003366
#003DA5
#1B03A3
#08457E
#A7C6D9
#8AB8E6

Update Your Palette

Current Palette

Sky Blue
Dodger Blue
Steel Blue
Light Sky Blue
Deep Sky Blue
Royal Blue
Medium Blue
Dark Blue
Navy
Slate Blue
Light Steel Blue
Powder Blue
Light Blue
Alice Blue
Cyan
Electric Blue
Sky Blue
Turquoise
Teal
Medium Turquoise
Dark Turquoise
Light Cyan
Light Slate Blue
Cadet Blue
Dark Slate Blue
Medium Slate Blue
Light Blue
Blue
Medium Aquamarine
Dark Cyan
Light Sea Green
Aqua
Dark Blue
Bright Blue
Ice Blue
Blue Violet
Cornflower Blue
Light Royal Blue
Pastel Blue
Ocean Blue
Cerulean
Bright Sky Blue
Zaffre
Azure
Deep Blue
Periwinkle
Blue Green
Dark Azure
Vivid Sky Blue
Celeste
Light Cobalt Blue
Glacial Blue
Blueberry
Cobalt Blue
Sapphire
Maya Blue
Violet Blue
Aero
Dark Sapphire
Frostbite
Brisk Blue
Cool Blue
Pacific Blue
Ultramarine
Blueberry Pie
Dawn Blue
Wedgewood Blue
Bright Azure
Lapis Lazuli
Dark Blue Gray
Cerulean Frost
Blue Ash
True Blue
Vivid Blue
Sky Blue Pink
Sky Blue
Light Azure
Teal Blue
Glacier Blue
Robin's Egg Blue
Blue Lagoon
Cyan Blue
Air Force Blue
Light Cornflower Blue
Dark Cerulean

70 Shades of Blue

Try these examples:

New to HueHive? 🎨

Discover AI-powered color tools