Home /Compare /Baby Blue vs Slate Grey

Baby Blue vs Slate Grey: What's the Difference?

The main difference between Baby Blue and Slate Grey is hue — Baby Blue is a cool cyan, while Slate Grey is a cool blue. Baby Blue (#89CFF0) has an HSL of 199°, 77%, 74%, whereas Slate Grey (#708090) sits at 210°, 13%, 50%.

Baby Blue#89CFF0
Slate Grey#708090
#89CFF0Blended: #7DA8C0#708090

Baby Blue vs Slate Grey: Key Differences at a Glance

Aspect Baby Blue Slate Grey
BrightnessLight (L=74%) — airy, soft, approachableMedium (L=50%) — balanced, versatile
SaturationVivid (S=77%) — bright, energetic, eye-catchingNear-neutral (S=13%) — desaturated and restrained
Hue familyCyanBlue
TemperatureCoolCool
Hex code#89CFF0#708090
RGB137, 207, 240112, 128, 144

Can you use Baby Blue and Slate Grey together?

Slate Grey text on Baby Blue
Baby Blue text on Slate Grey
Contrast Ratio:2.36:1Insufficient Contrast

How to Tell Baby Blue and Slate Grey Apart

  • Look at lightness first: Baby Blue is noticeably lighter.
  • Check saturation: Baby Blue looks more vivid and saturated.
  • Watch the undertone: the hue shifts 11° between them, which changes the perceived temperature.
  • Compare them on a white background to see true saturation, and on black to see true lightness.

When to Use Baby Blue vs Slate Grey in Design

Use Baby Blue for:
Cool, techy, digital branding
Water, ice, cleaning products
Fresh modern UI accents
Summer and tropical themes
Youthful playful design
Use Slate Grey for:
Tech and corporate trust
Finance and banking brands
Links and primary buttons
Medical and professional UI
Calm dependable visuals

Baby Blue and Slate Grey Hex Codes, RGB & HSL

Baby Blue#89CFF0

Baby Blue (#89CFF0) is a light, vivid cyan with a cool undertone — it feels airy, soft, approachable and bright, energetic, eye-catching.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints
Slate Grey#708090

Slate Grey (#708090) is a medium, near-neutral blue with a cool undertone — it feels balanced, versatile and desaturated and restrained.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints

Baby Blue and Slate Grey WCAG Contrast Ratios

Text legibility depends on the contrast ratio between foreground and background. WCAG 2.1 AA requires at least 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Use these numbers to choose accessible combinations for your design.

Sample text preview
Baby Blue text on white
1.71:1Fail
Sample text preview
Baby Blue text on black
12.25:1AAA
Sample text preview
Slate Grey text on white
4.05:1AA Large
Sample text preview
Slate Grey text on black
5.18:1AA
Sample text preview
Baby Blue text on Slate Grey
2.36:1Fail
Sample text preview
Slate Grey text on Baby Blue
2.36:1Fail

Explore Baby Blue and Slate Grey individually

Each color has a dedicated page with shades, tints, CSS name, pairings, and color psychology.

Baby Blue color page#89CFF0 · shades, tints, pairingsSlate Grey color page#708090 · shades, tints, pairings

More Baby Blue and Slate Grey Comparisons

Baby Blue vs Slate Grey FAQ

What is the difference between baby blue and slate grey?+
The main difference between Baby Blue and Slate Grey is hue — Baby Blue is a cool cyan, while Slate Grey is a cool blue. Baby Blue (#89CFF0) has an HSL of 199°, 77%, 74%, whereas Slate Grey (#708090) sits at 210°, 13%, 50%.
Is baby blue darker than slate grey?+
No. Slate Grey is the darker of the two at 50% lightness, while Baby Blue sits higher at 74%.
Are baby blue and slate grey the same color?+
No. Baby Blue is #89CFF0 and Slate Grey is #708090. They differ by 11° in hue, 24% in lightness, and 64% in saturation.
Which is more saturated, baby blue or slate grey?+
Baby Blue is more saturated. In HSL, Baby Blue has 77% saturation and Slate Grey has 13% — Baby Blue is the more vivid of the two, while Slate Grey reads as more muted.
Is baby blue warm or cool?+
Baby Blue (#89CFF0) is a cool cyan. Its hue sits at 199° on the color wheel, which places it in the cool range.
Is slate grey warm or cool?+
Slate Grey (#708090) is a cool blue. Its hue sits at 210° on the color wheel, which places it in the cool range.
Can you use baby blue and slate grey together?+
Yes. Baby Blue (cyan) and Slate Grey (blue) can work as a complementary or analogous pair. Use one as the dominant tone and the other as a 10–20% accent to keep the palette balanced.
What color family does baby blue belong to?+
Baby Blue belongs to the cyan family. Its HSL is 199°, 77%, 74% — a cool tone within the broader cyan group.
What is the hex code for baby blue?+
The hex code for Baby Blue is #89CFF0. In RGB, that's rgb(137, 207, 240), and in HSL it's hsl(199, 77%, 74%).
What is the hex code for slate grey?+
The hex code for Slate Grey is #708090. In RGB, that's rgb(112, 128, 144), and in HSL it's hsl(210, 13%, 50%).