Bondi Blue

Introducing Bondi Blue, #008AA6. This saturated cyan balances perfectly between blue and green, creating a distinct visual punch. Its crisp, aquatic quality gives it a unique presence, making it a standout choice for any designer's toolkit without being overpowering.

What color is Bondi Blue?

What is the meaning of Bondi Blue?

How do I use Bondi Blue (#008AA6) in UI design?

Using Bondi Blue color codes

Bondi Blue

#008AA6

Access our full UI & UX library today.

What color is Bondi Blue?

What is the meaning of Bondi Blue?

How do I use Bondi Blue (#008AA6) in UI design?

Using Bondi Blue color codes

Bondi Blue Code Conversions

HEX

#008AA6

LAB

53, -21, -24

RGB

0, 138, 166

XYZ

16.0, 20.9, 39.3

HSL

190°, 100%, 33%

LCH

53, 32, 228°

HSB

190°, 100%, 65%

LUV

53, -38, -33

CMYK

100, 17, 0, 35

CMYK

100, 17, 0, 35

HWB

190°, 0%, 35%

Bondi Blue Color Harmonies

Analogous

Found next to Bondi Blue on the color wheel, analogous colors produce a unified and soothing palette, lending a sense of calm to any interface.

#00A66F

#008AA6

#0037A6

#00A66F

#008AA6

#0037A6

Complementary

Complementary colors sit opposite each other on the color wheel. Pairing Bondi Blue with its complement produces a vibrant, high-contrast visual effect.

#008AA6

#A61C00

#008AA6

#A61C00

Split Complementary

For Bondi Blue, a split complementary palette takes the two colors on either side of its direct complement, providing strong contrast with less visual tension.

#008AA6

#A60037

#A66F00

#008AA6

#A60037

#A66F00

Triadic

Triadic colors form a triangle on the color wheel. When based on Bondi Blue, the resulting combination is bold and offers strong visual contrast.

#008AA6

#A6008A

#8AA600

#008AA6

#A6008A

#8AA600

Tetradic

To create a tetradic palette, Bondi Blue is joined by three other hues, forming a rectangle of two complementary pairs on the color wheel.

#008AA6

#6F00A6

#A61C00

#37A600

#008AA6

#6F00A6

#A61C00

#37A600

Square

A square color scheme uses four colors equidistant on the color wheel. With Bondi Blue as a base, this creates a vibrant, high-contrast palette.

#008AA6

#6F00A6

#A61C00

#37A600

#008AA6

#6F00A6

#A61C00

#37A600

Bondi Blue Contrast Simulation

Text Color

#

Background Color

#

5.19

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.

5.19

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Bondi Blue Color Variations

Shades

Shades of Bondi Blue are darker versions made by adding black for depth and weight.

#008AA6

#00768E

#006377

#004F5F

#003B47

#00272F

#001418

#000000

#008AA6

#00768E

#006377

#004F5F

#003B47

#00272F

#001418

#000000

Tints

Tints of Bondi Blue are created by adding white, resulting in lighter, softer variations.

#008AA6

#249BB3

#49ABBF

#6DBCCC

#92CDD9

#B6DEE6

#DBEEF2

#FFFFFF

#008AA6

#249BB3

#49ABBF

#6DBCCC

#92CDD9

#B6DEE6

#DBEEF2

#FFFFFF

Tones

Tones are created by adding gray to Bondi Blue, resulting in softer, less saturated variations.

#008AA6

#1289A1

#25879B

#378696

#498490

#5B838B

#6E8185

#808080

#008AA6

#1289A1

#25879B

#378696

#498490

#5B838B

#6E8185

#808080

Hues

Hues are variations of Bondi Blue, differing in intensity or temperature to create specific moods.

#008AA6

#000DA6

#6F00A6

#A60060

#A61C00

#A69900

#37A600

#00A646

#008AA6

#000DA6

#6F00A6

#A60060

#A61C00

#A69900

#37A600

#00A646

What Interfaces Use Colors Like Bondi 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