Cerulean Blue

Cerulean Blue (#2A52BE) is a profoundly rich shade that offers remarkable depth. Its intense saturation gives it a distinct character, setting it apart from more common blues and providing a strong foundation for visually impactful design work.

What color is Cerulean Blue?

What is the meaning of Cerulean Blue?

How do I use Cerulean Blue (#2A52BE) in UI design?

Using Cerulean Blue color codes

Cerulean Blue

#2A52BE

Access our full UI & UX library today.

What color is Cerulean Blue?

What is the meaning of Cerulean Blue?

How do I use Cerulean Blue (#2A52BE) in UI design?

Using Cerulean Blue color codes

Cerulean Blue Code Conversions

HEX

#2A52BE

LAB

38, 25, -61

RGB

42, 82, 190

XYZ

13.3, 10.2, 50.0

HSL

224°, 64%, 45%

LCH

38, 66, 293°

HSB

224°, 78%, 75%

LUV

38, -15, -88

CMYK

78, 57, 0, 25

CMYK

78, 57, 0, 25

HWB

224°, 16%, 25%

Cerulean Blue Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. For Cerulean Blue, these adjacent hues create a harmonious and tranquil visual experience.

#2A9CBE

#2A52BE

#4C2ABE

#2A9CBE

#2A52BE

#4C2ABE

Complementary

Directly opposite Cerulean Blue on the color wheel are its complementary colors. Placing them together creates a bold, high-contrast visual statement.

#2A52BE

#BE962A

#2A52BE

#BE962A

Split Complementary

A split complementary scheme for Cerulean Blue uses the two colors on either side of its direct complement, offering a vibrant yet balanced palette.

#2A52BE

#BE4C2A

#9CBE2A

#2A52BE

#BE4C2A

#9CBE2A

Triadic

Triadic color schemes use three hues evenly spaced on the color wheel. With Cerulean Blue as a base, this creates a vibrant, high-contrast palette.

#2A52BE

#BE2A52

#52BE2A

#2A52BE

#BE2A52

#52BE2A

Tetradic

Tetradic schemes create a rich palette by pairing Cerulean Blue with three other colors, forming two sets of complementary hues on the color wheel.

#2A52BE

#BE2A9C

#BE962A

#2ABE4C

#2A52BE

#BE2A9C

#BE962A

#2ABE4C

Square

The square scheme pairs Cerulean Blue with three other colors evenly spaced on the color wheel, creating a balanced yet highly contrasting effect.

#2A52BE

#BE2A9C

#BE962A

#2ABE4C

#2A52BE

#BE2A9C

#BE962A

#2ABE4C

Cerulean Blue Contrast Simulation

Text Color

#

Background Color

#

6.89

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.

6.89

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Cerulean Blue Color Variations

Shades

Shades of Cerulean Blue are created by mixing in black to add depth and weight.

#2A52BE

#2446A3

#1E3B88

#182F6D

#122351

#0C1736

#060C1B

#000000

#2A52BE

#2446A3

#1E3B88

#182F6D

#122351

#0C1736

#060C1B

#000000

Tints

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

#2A52BE

#486BC7

#6783D1

#859CDA

#A4B5E3

#C2CEEC

#E1E6F6

#FFFFFF

#2A52BE

#486BC7

#6783D1

#859CDA

#A4B5E3

#C2CEEC

#E1E6F6

#FFFFFF

Tones

Tones are created by mixing Cerulean Blue with gray, producing a softer, desaturated effect.

#2A52BE

#3659B5

#435FAC

#4F66A3

#5B6C9B

#677392

#747989

#808080

#2A52BE

#3659B5

#435FAC

#4F66A3

#5B6C9B

#677392

#747989

#808080

Hues

Hues are variations of Cerulean Blue that alter its intensity and temperature, affecting mood.

#2A52BE

#712ABE

#BE2A9C

#BE2A2D

#BE962A

#77BE2A

#2ABE4C

#2ABEBB

#2A52BE

#712ABE

#BE2A9C

#BE2A2D

#BE962A

#77BE2A

#2ABE4C

#2ABEBB

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