Georgian Bay

Meet Georgian Bay (#22657F), a deep, saturated teal that finds a unique balance between blue and green. Its notable depth and muted intensity give it a sophisticated presence without demanding all the attention, making it a compelling choice for modern palettes.

What color is Georgian Bay?

What is the meaning of Georgian Bay?

How do I use Georgian Bay (#22657F) in UI design?

Using Georgian Bay color codes

Georgian Bay

#22657F

Access our full UI & UX library today.

What color is Georgian Bay?

What is the meaning of Georgian Bay?

How do I use Georgian Bay (#22657F) in UI design?

Using Georgian Bay color codes

Georgian Bay Code Conversions

HEX

#22657F

LAB

40, -12, -21

RGB

34, 101, 127

XYZ

9.1, 11.2, 21.8

HSL

197°, 58%, 32%

LCH

40, 24, 240°

HSB

197°, 73%, 50%

LUV

40, -24, -27

CMYK

73, 20, 0, 50

CMYK

73, 20, 0, 50

HWB

197°, 13%, 50%

Georgian Bay Color Harmonies

Analogous

Analogous colors are found next to each other on the color wheel. Paired with Georgian Bay, they produce a serene and unified palette.

#227F6A

#22657F

#22377F

#227F6A

#22657F

#22377F

Complementary

Complementary colors are opposites on the color wheel. Pairing Georgian Bay with its complement creates a high-contrast, visually striking combination.

#22657F

#7F3C22

#22657F

#7F3C22

Split Complementary

A split complementary scheme for Georgian Bay uses the two colors adjacent to its direct complement, offering a vibrant yet balanced palette.

#22657F

#7F2237

#7F6A22

#22657F

#7F2237

#7F6A22

Triadic

A triadic color scheme for Georgian Bay involves two other colors equally spaced on the color wheel, creating a vibrant and balanced palette.

#22657F

#7F2265

#657F22

#22657F

#7F2265

#657F22

Tetradic

A tetradic color scheme for Georgian Bay uses four colors, forming two complementary pairs for a rich and balanced palette.

#22657F

#6A227F

#7F3C22

#377F22

#22657F

#6A227F

#7F3C22

#377F22

Square

A square color scheme uses four colors equidistant on the color wheel. This approach, using Georgian Bay, yields a bold palette with strong contrast.

#22657F

#6A227F

#7F3C22

#377F22

#22657F

#6A227F

#7F3C22

#377F22

Georgian Bay Contrast Simulation

Text Color

#

Background Color

#

6.49

Good

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.

6.49

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Georgian Bay Color Variations

Shades

Shades are darker versions of Georgian Bay, created by adding black to give the color more depth.

#22657F

#1D576D

#18485B

#133A49

#0F2B36

#0A1D24

#050E12

#000000

#22657F

#1D576D

#18485B

#133A49

#0F2B36

#0A1D24

#050E12

#000000

Tints

Tints of Georgian Bay are lighter values made by mixing in white for a softer feel.

#22657F

#427B91

#6191A4

#81A7B6

#A0BDC8

#C0D3DA

#DFE9ED

#FFFFFF

#22657F

#427B91

#6191A4

#81A7B6

#A0BDC8

#C0D3DA

#DFE9ED

#FFFFFF

Tones

Tones of Georgian Bay are created by adding gray, resulting in softer, muted variations.

#22657F

#2F697F

#3D6D7F

#4A717F

#587480

#657880

#737C80

#808080

#22657F

#2F697F

#3D6D7F

#4A717F

#587480

#657880

#737C80

#808080

Hues

Hues are variations of Georgian Bay, creating distinct visual effects by altering intensity or temperature.

#22657F

#25227F

#6A227F

#7F224E

#7F3C22

#7C7F22

#377F22

#227F53

#22657F

#25227F

#6A227F

#7F224E

#7F3C22

#7C7F22

#377F22

#227F53

What Interfaces Use Colors Like Georgian Bay?

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