Bright Cerulean

Meet Bright Cerulean (#1DACD6), a color defined by its luminous clarity and high saturation. Sitting confidently between cyan and blue, its striking quality comes from a pure, digital-native tone that offers a crisp and assertive feel for any creative project.

What color is Bright Cerulean?

What is the meaning of Bright Cerulean?

How do I use Bright Cerulean (#1DACD6) in UI design?

Using Bright Cerulean color codes

Bright Cerulean

#1DACD6

Access our full UI & UX library today.

What color is Bright Cerulean?

What is the meaning of Bright Cerulean?

How do I use Bright Cerulean (#1DACD6) in UI design?

Using Bright Cerulean color codes

Bright Cerulean Code Conversions

HEX

#1DACD6

LAB

65, -21, -31

RGB

29, 172, 214

XYZ

27.4, 34.6, 68.8

HSL

194°, 76%, 48%

LCH

65, 38, 236°

HSB

194°, 86%, 84%

LUV

65, -45, -47

CMYK

86, 20, 0, 16

CMYK

86, 20, 0, 16

HWB

194°, 11%, 16%

Bright Cerulean Color Harmonies

Analogous

Analogous colors are found next to Bright Cerulean on the color wheel, creating a harmonious and serene visual experience for users.

#1DD6A4

#1DACD6

#1D4FD6

#1DD6A4

#1DACD6

#1D4FD6

Complementary

Complementary colors sit directly opposite each other on the color wheel. Paired with Bright Cerulean, they produce a vibrant, high-contrast visual effect.

#1DACD6

#D6471D

#1DACD6

#D6471D

Split Complementary

A split complementary scheme for Bright Cerulean uses the two colors adjacent to its direct opposite, offering high contrast with more nuance.

#1DACD6

#D61D4F

#D6A41D

#1DACD6

#D61D4F

#D6A41D

Triadic

Triadic color schemes use three hues evenly spaced on the color wheel. Starting with Bright Cerulean, this creates a vibrant, high-contrast, and balanced palette.

#1DACD6

#D61DAC

#ACD61D

#1DACD6

#D61DAC

#ACD61D

Tetradic

Using Bright Cerulean as a base, a tetradic scheme adds three more colors, forming two complementary pairs for a rich and balanced design.

#1DACD6

#A41DD6

#D6471D

#50D61D

#1DACD6

#A41DD6

#D6471D

#50D61D

Square

Square color schemes pair two sets of complementary colors. Based on Bright Cerulean, this combination offers a rich and balanced visual contrast.

#1DACD6

#A41DD6

#D6471D

#50D61D

#1DACD6

#A41DD6

#D6471D

#50D61D

Bright Cerulean Contrast Simulation

Text Color

#

Background Color

#

7.92

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

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Bright Cerulean Color Variations

Shades

By adding black to Bright Cerulean, you create shades that add depth and gravity.

#1DACD6

#1993B7

#157B99

#11627A

#0C4A5C

#08313D

#04191F

#000000

#1DACD6

#1993B7

#157B99

#11627A

#0C4A5C

#08313D

#04191F

#000000

Tints

Tints of Bright Cerulean are created by adding white, resulting in lighter, softer variations.

#1DACD6

#3DB8DC

#5EC4E2

#7ED0E8

#9EDBED

#BEE7F3

#DFF3F9

#FFFFFF

#1DACD6

#3DB8DC

#5EC4E2

#7ED0E8

#9EDBED

#BEE7F3

#DFF3F9

#FFFFFF

Tones

Tones of Bright Cerulean are created by adding gray, resulting in softer, more subdued variations.

#1DACD6

#2BA6CA

#399FBD

#4799B1

#5693A5

#648D99

#72868C

#808080

#1DACD6

#2BA6CA

#399FBD

#4799B1

#5693A5

#648D99

#72868C

#808080

Hues

Hues are variations of Bright Cerulean that differ in intensity, creating distinct visual moods.

#1DACD6

#1D21D6

#A41DD6

#D61D7E

#D6471D

#D6D21D

#50D61D

#1DD675

#1DACD6

#1D21D6

#A41DD6

#D61D7E

#D6471D

#D6D21D

#50D61D

#1DD675

What Interfaces Use Colors Like Bright Cerulean?

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