Caribbean Blue

Meet Caribbean Blue (#1AC1DD), a vibrant and saturated hue that commands attention. Its striking quality comes from its pure, luminous character, sitting squarely between cyan and blue, making it a fresh and modern addition for any digital palette.

What color is Caribbean Blue?

What is the meaning of Caribbean Blue?

How do I use Caribbean Blue (#1AC1DD) in UI design?

Using Caribbean Blue color codes

Caribbean Blue

#1AC1DD

Access our full UI & UX library today.

What color is Caribbean Blue?

What is the meaning of Caribbean Blue?

How do I use Caribbean Blue (#1AC1DD) in UI design?

Using Caribbean Blue color codes

Caribbean Blue Code Conversions

HEX

#1AC1DD

LAB

72, -29, -25

RGB

26, 193, 221

XYZ

32.5, 43.6, 75.1

HSL

189°, 79%, 48%

LCH

72, 39, 221°

HSB

189°, 88%, 87%

LUV

72, -51, -36

CMYK

88, 13, 0, 13

CMYK

88, 13, 0, 13

HWB

189°, 10%, 13%

Caribbean Blue Color Harmonies

Analogous

For Caribbean Blue, analogous colors are those found next to it on the color wheel, resulting in a cohesive and soothing palette.

#1ADD98

#1AC1DD

#1A5FDD

#1ADD98

#1AC1DD

#1A5FDD

Complementary

Complementary colors sit opposite each other on the color wheel. For Caribbean Blue, its complement creates a striking, high-contrast visual pairing.

#1AC1DD

#DD361A

#1AC1DD

#DD361A

Split Complementary

Split complementary colors for Caribbean Blue offer a vibrant yet balanced palette. They are created by pairing it with the two colors adjacent to its direct complement.

#1AC1DD

#DD1A5F

#DD981A

#1AC1DD

#DD1A5F

#DD981A

Triadic

A triadic scheme uses three hues evenly spaced on the color wheel. With Caribbean Blue, this creates a vibrant, high-contrast palette.

#1AC1DD

#DD1AC1

#C1DD1A

#1AC1DD

#DD1AC1

#C1DD1A

Tetradic

A tetradic color scheme for Caribbean Blue uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant palette.

#1AC1DD

#981ADD

#DD361A

#5FDD1A

#1AC1DD

#981ADD

#DD361A

#5FDD1A

Square

A square color scheme pairs four colors equidistant on the color wheel. This arrangement offers a lively, high-contrast palette built around Caribbean Blue.

#1AC1DD

#981ADD

#DD361A

#5FDD1A

#1AC1DD

#981ADD

#DD361A

#5FDD1A

Caribbean Blue Contrast Simulation

Text Color

#

Background Color

#

9.72

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.

9.72

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Caribbean Blue Color Variations

Shades

Adding black to Caribbean Blue creates its shades, which give the color more depth and weight.

#1AC1DD

#16A5BD

#138A9E

#0F6E7E

#0B535F

#07373F

#041C20

#000000

#1AC1DD

#16A5BD

#138A9E

#0F6E7E

#0B535F

#07373F

#041C20

#000000

Tints

Tints are lighter versions of Caribbean Blue, created by adding white for a softer effect.

#1AC1DD

#3BCAE2

#5BD3E7

#7CDCEC

#9DE4F0

#BEEDF5

#DEF6FA

#FFFFFF

#1AC1DD

#3BCAE2

#5BD3E7

#7CDCEC

#9DE4F0

#BEEDF5

#DEF6FA

#FFFFFF

Tones

Tones of Caribbean Blue are created by adding gray, resulting in a softer, less saturated hue.

#1AC1DD

#29B8D0

#37AEC2

#46A5B5

#549CA8

#63939B

#71898D

#808080

#1AC1DD

#29B8D0

#37AEC2

#46A5B5

#549CA8

#63939B

#71898D

#808080

Hues

Hues are variations on Caribbean Blue, differing in intensity or temperature to alter a design's feel.

#1AC1DD

#1A2FDD

#981ADD

#DD1A90

#DD361A

#DDC81A

#5FDD1A

#1ADD67

#1AC1DD

#1A2FDD

#981ADD

#DD1A90

#DD361A

#DDC81A

#5FDD1A

#1ADD67

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