Vivid Cerulean

Meet Vivid Cerulean (#07B9CE), a color that instantly captures attention. Its pure, high-saturation quality gives it an electric feel, sitting confidently between cyan and blue. This striking hue offers a clean, digital-native brightness perfect for making a bold statement without overwhelming the eye.

What color is Vivid Cerulean?

What is the meaning of Vivid Cerulean?

How do I use Vivid Cerulean (#07B9CE) in UI design?

Using Vivid Cerulean color codes

Vivid Cerulean

#07B9CE

Access our full UI & UX library today.

What color is Vivid Cerulean?

What is the meaning of Vivid Cerulean?

How do I use Vivid Cerulean (#07B9CE) in UI design?

Using Vivid Cerulean color codes

Vivid Cerulean Code Conversions

HEX

#07B9CE

LAB

69, -31, -22

RGB

7, 185, 206

XYZ

28.6, 39.2, 64.4

HSL

186°, 93%, 42%

LCH

69, 38, 215°

HSB

186°, 97%, 81%

LUV

69, -51, -29

CMYK

97, 10, 0, 19

CMYK

97, 10, 0, 19

HWB

186°, 3%, 19%

Vivid Cerulean Color Harmonies

Analogous

An analogous scheme pairs Vivid Cerulean with its neighbors on the color wheel, resulting in a calm and unified color story.

#07CE7F

#07B9CE

#0756CE

#07CE7F

#07B9CE

#0756CE

Complementary

Complementary colors sit opposite each other on the color wheel. When paired with Vivid Cerulean, they create a high-contrast, vibrant visual effect.

#07B9CE

#CE1C07

#07B9CE

#CE1C07

Split Complementary

A split complementary scheme for Vivid Cerulean uses the two colors adjacent to its direct complement, offering a vibrant yet balanced palette.

#07B9CE

#CE0756

#CE7F07

#07B9CE

#CE0756

#CE7F07

Triadic

A triadic scheme uses three colors evenly spaced on the color wheel. Based on Vivid Cerulean, these combinations create a vibrant, high-contrast palette.

#07B9CE

#CE07B9

#B9CE07

#07B9CE

#CE07B9

#B9CE07

Tetradic

A tetradic color scheme uses four colors arranged in a rectangle on the color wheel, creating two complementary pairs that include Vivid Cerulean.

#07B9CE

#7F07CE

#CE1C07

#55CE07

#07B9CE

#7F07CE

#CE1C07

#55CE07

Square

Using four colors equidistant on the color wheel, a square scheme builds a lively, balanced palette around Vivid Cerulean with strong visual contrast.

#07B9CE

#7F07CE

#CE1C07

#55CE07

#07B9CE

#7F07CE

#CE1C07

#55CE07

Vivid Cerulean Contrast Simulation

Text Color

#

Background Color

#

8.84

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.

8.84

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Vivid Cerulean Color Variations

Shades

Shades are darker versions of Vivid Cerulean, made by adding black for depth and weight.

#07B9CE

#069FB1

#058493

#046A76

#034F58

#02353B

#011A1D

#000000

#07B9CE

#069FB1

#058493

#046A76

#034F58

#02353B

#011A1D

#000000

Tints

Tints of Vivid Cerulean are made by adding white, resulting in softer, airier versions.

#07B9CE

#2AC3D5

#4ECDDC

#71D7E3

#95E1EA

#B8EBF1

#DCF5F8

#FFFFFF

#07B9CE

#2AC3D5

#4ECDDC

#71D7E3

#95E1EA

#B8EBF1

#DCF5F8

#FFFFFF

Tones

Tones are created by adding gray to Vivid Cerulean, which mutes the color’s intensity.

#07B9CE

#18B1C3

#2AA9B8

#3BA1AD

#4C98A1

#5D9096

#6F888B

#808080

#07B9CE

#18B1C3

#2AA9B8

#3BA1AD

#4C98A1

#5D9096

#6F888B

#808080

Hues

Hues are variations of Vivid Cerulean, differing in intensity and temperature to evoke distinct feelings.

#07B9CE

#0724CE

#7F07CE

#CE0787

#CE1C07

#CEB107

#55CE07

#07CE4E

#07B9CE

#0724CE

#7F07CE

#CE0787

#CE1C07

#CEB107

#55CE07

#07CE4E

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