Cyan Cobalt Blue

Meet Cyan Cobalt Blue, #0079BF. This striking shade sits at a perfect intersection of vibrancy and depth, offering a brilliant yet stable blue that commands attention without being overpowering. Its clarity and strong presence make it a compelling choice for any designer's palette.

What color is Cyan Cobalt Blue?

What is the meaning of Cyan Cobalt Blue?

How do I use Cyan Cobalt Blue (#0079BF) in UI design?

Using Cyan Cobalt Blue color codes

Cyan Cobalt Blue

#0079BF

Access our full UI & UX library today.

What color is Cyan Cobalt Blue?

What is the meaning of Cyan Cobalt Blue?

How do I use Cyan Cobalt Blue (#0079BF) in UI design?

Using Cyan Cobalt Blue color codes

Cyan Cobalt Blue Code Conversions

HEX

#0079BF

LAB

49, -2, -44

RGB

0, 121, 191

XYZ

16.2, 17.4, 51.8

HSL

202°, 100%, 37%

LCH

49, 44, 268°

HSB

202°, 100%, 75%

LUV

49, -30, -67

CMYK

100, 37, 0, 25

CMYK

100, 37, 0, 25

HWB

202°, 0%, 25%

Cyan Cobalt Blue Color Harmonies

Analogous

Analogous colors are adjacent on the color wheel. When used with Cyan Cobalt Blue, they build a visually soothing and harmonious color scheme.

#00BFA6

#0079BF

#0019BF

#00BFA6

#0079BF

#0019BF

Complementary

Find Cyan Cobalt Blue's complement by looking directly across the color wheel. This opposing color creates a vibrant and energetic visual pairing.

#0079BF

#BF4600

#0079BF

#BF4600

Split Complementary

A split complementary scheme pairs Cyan Cobalt Blue with the two colors neighboring its opposite, offering high contrast with more nuanced results.

#0079BF

#BF0019

#BFA500

#0079BF

#BF0019

#BFA500

Triadic

Triadic color schemes for Cyan Cobalt Blue use two other colors equally spaced on the color wheel, creating a vibrant and high-contrast palette.

#0079BF

#BF0079

#79BF00

#0079BF

#BF0079

#79BF00

Tetradic

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

#0079BF

#A600BF

#BF4600

#1ABF00

#0079BF

#A600BF

#BF4600

#1ABF00

Square

A square scheme pairs Cyan Cobalt Blue with three other colors, all equidistant on the color wheel, for a balanced yet highly contrasting effect.

#0079BF

#A600BF

#BF4600

#1ABF00

#0079BF

#A600BF

#BF4600

#1ABF00

Cyan Cobalt Blue Contrast Simulation

Text Color

#

Background Color

#

4.68

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.

4.68

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Cyan Cobalt Blue Color Variations

Shades

Shades of Cyan Cobalt Blue are made by adding black, giving the color more gravity.

#0079BF

#0068A4

#005688

#00456D

#003452

#002337

#00111B

#000000

#0079BF

#0068A4

#005688

#00456D

#003452

#002337

#00111B

#000000

Tints

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

#0079BF

#248CC8

#499FD1

#6DB2DA

#92C6E4

#B6D9ED

#DBECF6

#FFFFFF

#0079BF

#248CC8

#499FD1

#6DB2DA

#92C6E4

#B6D9ED

#DBECF6

#FFFFFF

Tones

Tones of Cyan Cobalt Blue are created by adding gray, resulting in softer, less saturated variations.

#0079BF

#127AB6

#257BAD

#377CA4

#497D9B

#5B7E92

#6E7F89

#808080

#0079BF

#127AB6

#257BAD

#377CA4

#497D9B

#5B7E92

#6E7F89

#808080

Hues

Hues are variations of Cyan Cobalt Blue, differing in intensity or temperature to create distinct moods.

#0079BF

#1600BF

#A600BF

#BF0049

#BF4600

#A9BF00

#1ABF00

#00BF76

#0079BF

#1600BF

#A600BF

#BF0049

#BF4600

#A9BF00

#1ABF00

#00BF76

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