Cetacean Blue

Meet Cetacean Blue (#061257), a deep, commanding shade that sits on the edge of black. Its profound darkness is punctuated by a subtle, yet distinct, navy undertone, giving it a sophisticated character that stands apart from simple primary colors and offers serious visual depth.

What color is Cetacean Blue?

What is the meaning of Cetacean Blue?

How do I use Cetacean Blue (#061257) in UI design?

Using Cetacean Blue color codes

Cetacean Blue

#061257

Access our full UI & UX library today.

What color is Cetacean Blue?

What is the meaning of Cetacean Blue?

How do I use Cetacean Blue (#061257) in UI design?

Using Cetacean Blue color codes

Cetacean Blue Code Conversions

HEX

#061257

LAB

10, 25, -42

RGB

6, 18, 87

XYZ

2.0, 1.2, 9.1

HSL

231°, 87%, 18%

LCH

10, 49, 301°

HSB

231°, 93%, 34%

LUV

10, -3, -33

CMYK

93, 79, 0, 66

CMYK

93, 79, 0, 66

HWB

231°, 2%, 66%

Cetacean Blue Color Harmonies

Analogous

Analogous colors are neighbors to Cetacean Blue on the color wheel. This combination creates a rich, harmonious palette that feels cohesive and serene.

#063B57

#061257

#220657

#063B57

#061257

#220657

Complementary

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

#061257

#574B06

#061257

#574B06

Split Complementary

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

#061257

#572206

#3B5706

#061257

#572206

#3B5706

Triadic

Triadic color schemes use three hues equally spaced on the color wheel. With Cetacean Blue, this creates a vibrant and balanced harmony.

#061257

#570612

#125706

#061257

#570612

#125706

Tetradic

A tetradic color scheme uses four colors arranged into two complementary pairs, offering a rich and vibrant palette built around Cetacean Blue.

#061257

#57063B

#574B06

#065722

#061257

#57063B

#574B06

#065722

Square

A square color scheme uses four colors evenly spaced on the color wheel. This creates a vibrant, high-contrast palette with Cetacean Blue as its foundation.

#061257

#57063B

#574B06

#065722

#061257

#57063B

#574B06

#065722

Cetacean Blue Contrast Simulation

Text Color

#

Background Color

#

17.05

Super

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.

17.05

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Cetacean Blue Color Variations

Shades

Adding black to Cetacean Blue produces darker shades, which can add gravity and substance.

#061257

#050F4B

#040D3E

#030A32

#030825

#020519

#01030C

#000000

#061257

#050F4B

#040D3E

#030A32

#030825

#020519

#01030C

#000000

Tints

Tints of Cetacean Blue are made by mixing in white, resulting in softer, lighter tones.

#061257

#2A346F

#4D5687

#71789F

#9499B7

#B8BBCF

#DBDDE7

#FFFFFF

#061257

#2A346F

#4D5687

#71789F

#9499B7

#B8BBCF

#DBDDE7

#FFFFFF

Tones

Adding gray to Cetacean Blue creates tones, offering a more muted and subtle palette.

#061257

#17225D

#293163

#3A4169

#4C516E

#5D6174

#6F707A

#808080

#061257

#17225D

#293163

#3A4169

#4C516E

#5D6174

#6F707A

#808080

Hues

Hues are variations of Cetacean Blue, differing in intensity and temperature to create distinct moods.

#061257

#370657

#57063B

#570E06

#574B06

#265706

#065722

#064F57

#061257

#370657

#57063B

#570E06

#574B06

#265706

#065722

#064F57

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