Pacific Blue

Meet Pacific Blue (#1CA9C9), a vibrant cyan that captures the clarity of tropical waters. Its striking quality comes from a perfect balance between blue and green, offering a refreshing yet assertive hue for any design palette. It's a color that commands attention without being overwhelming.

What color is Pacific Blue?

What is the meaning of Pacific Blue?

How do I use Pacific Blue (#1CA9C9) in UI design?

Using Pacific Blue color codes

Pacific Blue

#1CA9C9

Access our full UI & UX library today.

What color is Pacific Blue?

What is the meaning of Pacific Blue?

How do I use Pacific Blue (#1CA9C9) in UI design?

Using Pacific Blue color codes

Pacific Blue Code Conversions

HEX

#1CA9C9

LAB

64, -24, -26

RGB

28, 169, 201

XYZ

25.2, 32.8, 60.3

HSL

191°, 76%, 45%

LCH

64, 35, 228°

HSB

191°, 86%, 79%

LUV

64, -45, -38

CMYK

86, 16, 0, 21

CMYK

86, 16, 0, 21

HWB

191°, 11%, 21%

Pacific Blue Color Harmonies

Analogous

Analogous colors are found side-by-side on the color wheel. When used with Pacific Blue, they create a unified and calming effect, perfect for serene designs.

#1CC993

#1CA9C9

#1C53C9

#1CC993

#1CA9C9

#1C53C9

Complementary

To find Pacific Blue's complementary colors, look directly across the color wheel. These opposing hues create a striking, high-contrast pairing.

#1CA9C9

#C93C1C

#1CA9C9

#C93C1C

Split Complementary

For a high-contrast yet balanced look, a split complementary scheme pairs Pacific Blue with the two colors adjacent to its direct opposite.

#1CA9C9

#C91C53

#C9931C

#1CA9C9

#C91C53

#C9931C

Triadic

Triadic palettes are built from three hues equidistant on the color wheel. Starting with Pacific Blue, this combination offers a bold yet balanced sense of contrast.

#1CA9C9

#C91CA9

#A9C91C

#1CA9C9

#C91CA9

#A9C91C

Tetradic

A tetradic color scheme is built from two complementary pairs. See how Pacific Blue works within these vibrant, four-color palettes.

#1CA9C9

#931CC9

#C93C1C

#52C91C

#1CA9C9

#931CC9

#C93C1C

#52C91C

Square

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

#1CA9C9

#931CC9

#C93C1C

#52C91C

#1CA9C9

#931CC9

#C93C1C

#52C91C

Pacific Blue Contrast Simulation

Text Color

#

Background Color

#

7.57

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.57

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Pacific Blue Color Variations

Shades

Adding black to Pacific Blue creates shades, which introduce a sense of depth and weight.

#1CA9C9

#1891AC

#147990

#106173

#0C4856

#083039

#04181D

#000000

#1CA9C9

#1891AC

#147990

#106173

#0C4856

#083039

#04181D

#000000

Tints

Tints are lighter versions of Pacific Blue, created by adding white for a softer feel.

#1CA9C9

#3CB5D1

#5DC2D8

#7DCEE0

#9EDAE8

#BEE6F0

#DFF3F7

#FFFFFF

#1CA9C9

#3CB5D1

#5DC2D8

#7DCEE0

#9EDAE8

#BEE6F0

#DFF3F7

#FFFFFF

Tones

Tones of Pacific Blue are created by adding gray, resulting in a softer, more muted appearance.

#1CA9C9

#2AA3BF

#399DB4

#4797AA

#55929F

#638C95

#72868A

#808080

#1CA9C9

#2AA3BF

#399DB4

#4797AA

#55929F

#638C95

#72868A

#808080

Hues

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

#1CA9C9

#1C27C9

#931CC9

#C91C7E

#C93C1C

#C9BE1C

#52C91C

#1CC967

#1CA9C9

#1C27C9

#931CC9

#C91C7E

#C93C1C

#C9BE1C

#52C91C

#1CC967

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