Strong Sky Blue

Meet Strong Sky Blue (#2BA7C4), a vibrant hue that commands attention. Its striking clarity and position on the spectrum, sitting confidently between cyan and azure, give it a crisp, digital-native quality that feels both familiar and fresh for modern interface design.

What color is Strong Sky Blue?

What is the meaning of Strong Sky Blue?

How do I use Strong Sky Blue (#2BA7C4) in UI design?

Using Strong Sky Blue color codes

Strong Sky Blue

#2BA7C4

Access our full UI & UX library today.

What color is Strong Sky Blue?

What is the meaning of Strong Sky Blue?

How do I use Strong Sky Blue (#2BA7C4) in UI design?

Using Strong Sky Blue color codes

Strong Sky Blue Code Conversions

HEX

#2BA7C4

LAB

63, -23, -24

RGB

43, 167, 196

XYZ

24.8, 32.1, 57.1

HSL

191°, 64%, 47%

LCH

63, 34, 226°

HSB

191°, 78%, 77%

LUV

63, -43, -35

CMYK

78, 15, 0, 23

CMYK

78, 15, 0, 23

HWB

191°, 17%, 23%

Strong Sky Blue Color Harmonies

Analogous

Sitting beside Strong Sky Blue on the color wheel, analogous colors produce a cohesive and tranquil palette, ideal for creating a sense of calm.

#2BC495

#2BA7C4

#2B5AC4

#2BC495

#2BA7C4

#2B5AC4

Complementary

Complementary colors sit opposite each other on the color wheel. For Strong Sky Blue, these pairings create a striking, high-contrast visual effect.

#2BA7C4

#C4482B

#2BA7C4

#C4482B

Split Complementary

The split complementary scheme for Strong Sky Blue pairs it with the two colors adjacent to its complement, creating a high-contrast, harmonious look.

#2BA7C4

#C42B5A

#C4952B

#2BA7C4

#C42B5A

#C4952B

Triadic

Triadic color schemes use three hues evenly spaced on the color wheel. For Strong Sky Blue, this creates a vibrant, high-contrast palette.

#2BA7C4

#C42BA7

#A7C42B

#2BA7C4

#C42BA7

#A7C42B

Tetradic

Forming a rectangle on the color wheel, a tetradic scheme combines Strong Sky Blue with three other hues, creating two complementary color pairs.

#2BA7C4

#952BC4

#C4482B

#5AC42B

#2BA7C4

#952BC4

#C4482B

#5AC42B

Square

A square color scheme pairs Strong Sky Blue with three other colors, all evenly spaced on the color wheel for a vibrant, high-contrast effect.

#2BA7C4

#952BC4

#C4482B

#5AC42B

#2BA7C4

#952BC4

#C4482B

#5AC42B

Strong Sky Blue Contrast Simulation

Text Color

#

Background Color

#

7.43

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

7.43

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Strong Sky Blue Color Variations

Shades

Shades of Strong Sky Blue are created by adding black, which introduces depth and weight.

#2BA7C4

#258FA8

#1F778C

#195F70

#124854

#0C3038

#06181C

#000000

#2BA7C4

#258FA8

#1F778C

#195F70

#124854

#0C3038

#06181C

#000000

Tints

Tints of Strong Sky Blue are made by adding white, resulting in lighter, softer variations.

#2BA7C4

#49B4CC

#68C0D5

#86CDDD

#A4D9E6

#C2E6EE

#E1F2F7

#FFFFFF

#2BA7C4

#49B4CC

#68C0D5

#86CDDD

#A4D9E6

#C2E6EE

#E1F2F7

#FFFFFF

Tones

Tones are created by adding gray to Strong Sky Blue for a softer, desaturated effect.

#2BA7C4

#37A1BA

#439CB1

#4F96A7

#5C919D

#688B93

#74868A

#808080

#2BA7C4

#37A1BA

#439CB1

#4F96A7

#5C919D

#688B93

#74868A

#808080

Hues

Hues are variations of Strong Sky Blue, differing in intensity and temperature to create distinct moods.

#2BA7C4

#2B34C4

#952BC4

#C42B81

#C4482B

#C4BB2B

#5AC42B

#2BC46E

#2BA7C4

#2B34C4

#952BC4

#C42B81

#C4482B

#C4BB2B

#5AC42B

#2BC46E

What Interfaces Use Colors Like Strong Sky Blue?

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox